siftal
Version:
CSS Framework, not bad ;)
6,000 lines • 224 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Font Reference - siftal</title>
<link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="styles.css">
<style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:'Dosis','Tahoma',sans-serif}.container{margin:15px auto;width:80%}h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}.small{font-size:14px;color:#a5adb4;}.small a{color:#a5adb4;}.small a:hover{color:#fb565e}.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}.glyphs.character-mapping .icon svg{fill:#000}.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;}.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}</style>
</head>
<body>
<div class="container">
<h1>siftal</h1>
<p class="small">This font was created with<a href="http://fontastic.me/">Fontastic</a></p>
<h2>CSS mapping</h2>
<ul class="glyphs css-mapping">
<li>
<div class="icon sf-angle-down"></div>
<input type="text" readonly="readonly" value="angle-down">
</li>
<li>
<div class="icon sf-angle-left"></div>
<input type="text" readonly="readonly" value="angle-left">
</li>
<li>
<div class="icon sf-angle-right"></div>
<input type="text" readonly="readonly" value="angle-right">
</li>
<li>
<div class="icon sf-angle-up"></div>
<input type="text" readonly="readonly" value="angle-up">
</li>
<li>
<div class="icon sf-bell"></div>
<input type="text" readonly="readonly" value="bell">
</li>
<li>
<div class="icon sf-bell-o"></div>
<input type="text" readonly="readonly" value="bell-o">
</li>
<li>
<div class="icon sf-bell-slash"></div>
<input type="text" readonly="readonly" value="bell-slash">
</li>
<li>
<div class="icon sf-bell-slash-o"></div>
<input type="text" readonly="readonly" value="bell-slash-o">
</li>
<li>
<div class="icon sf-bug"></div>
<input type="text" readonly="readonly" value="bug">
</li>
<li>
<div class="icon sf-bolt"></div>
<input type="text" readonly="readonly" value="bolt">
</li>
<li>
<div class="icon sf-check"></div>
<input type="text" readonly="readonly" value="check">
</li>
<li>
<div class="icon sf-chain-broken"></div>
<input type="text" readonly="readonly" value="chain-broken">
</li>
<li>
<div class="icon sf-cc-paypal"></div>
<input type="text" readonly="readonly" value="cc-paypal">
</li>
<li>
<div class="icon sf-cc-visa"></div>
<input type="text" readonly="readonly" value="cc-visa">
</li>
<li>
<div class="icon sf-cloud-download"></div>
<input type="text" readonly="readonly" value="cloud-download">
</li>
<li>
<div class="icon sf-cloud-upload"></div>
<input type="text" readonly="readonly" value="cloud-upload">
</li>
<li>
<div class="icon sf-cloud"></div>
<input type="text" readonly="readonly" value="cloud">
</li>
<li>
<div class="icon sf-comment"></div>
<input type="text" readonly="readonly" value="comment">
</li>
<li>
<div class="icon sf-comment-o"></div>
<input type="text" readonly="readonly" value="comment-o">
</li>
<li>
<div class="icon sf-commenting"></div>
<input type="text" readonly="readonly" value="commenting">
</li>
<li>
<div class="icon sf-clone"></div>
<input type="text" readonly="readonly" value="clone">
</li>
<li>
<div class="icon sf-commenting-o"></div>
<input type="text" readonly="readonly" value="commenting-o">
</li>
<li>
<div class="icon sf-comments"></div>
<input type="text" readonly="readonly" value="comments">
</li>
<li>
<div class="icon sf-comments-o"></div>
<input type="text" readonly="readonly" value="comments-o">
</li>
<li>
<div class="icon sf-cog"></div>
<input type="text" readonly="readonly" value="cog">
</li>
<li>
<div class="icon sf-desktop"></div>
<input type="text" readonly="readonly" value="desktop">
</li>
<li>
<div class="icon sf-envelope-o"></div>
<input type="text" readonly="readonly" value="envelope-o">
</li>
<li>
<div class="icon sf-envelope"></div>
<input type="text" readonly="readonly" value="envelope">
</li>
<li>
<div class="icon sf-ellipsis-v"></div>
<input type="text" readonly="readonly" value="ellipsis-v">
</li>
<li>
<div class="icon sf-ellipsis-h"></div>
<input type="text" readonly="readonly" value="ellipsis-h">
</li>
<li>
<div class="icon sf-crop"></div>
<input type="text" readonly="readonly" value="crop">
</li>
<li>
<div class="icon sf-crosshairs"></div>
<input type="text" readonly="readonly" value="crosshairs">
</li>
<li>
<div class="icon sf-bar-chart"></div>
<input type="text" readonly="readonly" value="bar-chart">
</li>
<li>
<div class="icon sf-balance-scale"></div>
<input type="text" readonly="readonly" value="balance-scale">
</li>
<li>
<div class="icon sf-arrows-h"></div>
<input type="text" readonly="readonly" value="arrows-h">
</li>
<li>
<div class="icon sf-arrows-v"></div>
<input type="text" readonly="readonly" value="arrows-v">
</li>
<li>
<div class="icon sf-arrows-alt"></div>
<input type="text" readonly="readonly" value="arrows-alt">
</li>
<li>
<div class="icon sf-arrows"></div>
<input type="text" readonly="readonly" value="arrows">
</li>
<li>
<div class="icon sf-android"></div>
<input type="text" readonly="readonly" value="android">
</li>
<li>
<div class="icon sf-align-right"></div>
<input type="text" readonly="readonly" value="align-right">
</li>
<li>
<div class="icon sf-align-left"></div>
<input type="text" readonly="readonly" value="align-left">
</li>
<li>
<div class="icon sf-align-justify"></div>
<input type="text" readonly="readonly" value="align-justify">
</li>
<li>
<div class="icon sf-align-center"></div>
<input type="text" readonly="readonly" value="align-center">
</li>
<li>
<div class="icon sf-bullhorn"></div>
<input type="text" readonly="readonly" value="bullhorn">
</li>
<li>
<div class="icon sf-asterisk"></div>
<input type="text" readonly="readonly" value="asterisk">
</li>
<li>
<div class="icon sf-bookmark-o"></div>
<input type="text" readonly="readonly" value="bookmark-o">
</li>
<li>
<div class="icon sf-bookmark"></div>
<input type="text" readonly="readonly" value="bookmark">
</li>
<li>
<div class="icon sf-caret-right"></div>
<input type="text" readonly="readonly" value="caret-right">
</li>
<li>
<div class="icon sf-caret-left"></div>
<input type="text" readonly="readonly" value="caret-left">
</li>
<li>
<div class="icon sf-caret-down"></div>
<input type="text" readonly="readonly" value="caret-down">
</li>
<li>
<div class="icon sf-caret-up"></div>
<input type="text" readonly="readonly" value="caret-up">
</li>
<li>
<div class="icon sf-file-code-o"></div>
<input type="text" readonly="readonly" value="file-code-o">
</li>
<li>
<div class="icon sf-file-audio-o"></div>
<input type="text" readonly="readonly" value="file-audio-o">
</li>
<li>
<div class="icon sf-file-archive-o"></div>
<input type="text" readonly="readonly" value="file-archive-o">
</li>
<li>
<div class="icon sf-file-excel-o"></div>
<input type="text" readonly="readonly" value="file-excel-o">
</li>
<li>
<div class="icon sf-file"></div>
<input type="text" readonly="readonly" value="file">
</li>
<li>
<div class="icon sf-file-pdf-o"></div>
<input type="text" readonly="readonly" value="file-pdf-o">
</li>
<li>
<div class="icon sf-file-powerpoint-o"></div>
<input type="text" readonly="readonly" value="file-powerpoint-o">
</li>
<li>
<div class="icon sf-file-text"></div>
<input type="text" readonly="readonly" value="file-text">
</li>
<li>
<div class="icon sf-file-text-o"></div>
<input type="text" readonly="readonly" value="file-text-o">
</li>
<li>
<div class="icon sf-file-word-o"></div>
<input type="text" readonly="readonly" value="file-word-o">
</li>
<li>
<div class="icon sf-files-o"></div>
<input type="text" readonly="readonly" value="files-o">
</li>
<li>
<div class="icon sf-film"></div>
<input type="text" readonly="readonly" value="film">
</li>
<li>
<div class="icon sf-file-video-o"></div>
<input type="text" readonly="readonly" value="file-video-o">
</li>
<li>
<div class="icon sf-floppy-o"></div>
<input type="text" readonly="readonly" value="floppy-o">
</li>
<li>
<div class="icon sf-file-image-o"></div>
<input type="text" readonly="readonly" value="file-image-o">
</li>
<li>
<div class="icon sf-file-o"></div>
<input type="text" readonly="readonly" value="file-o">
</li>
<li>
<div class="icon sf-flag"></div>
<input type="text" readonly="readonly" value="flag">
</li>
<li>
<div class="icon sf-flag-checkered"></div>
<input type="text" readonly="readonly" value="flag-checkered">
</li>
<li>
<div class="icon sf-flag-o"></div>
<input type="text" readonly="readonly" value="flag-o">
</li>
<li>
<div class="icon sf-gavel"></div>
<input type="text" readonly="readonly" value="gavel">
</li>
<li>
<div class="icon sf-heart"></div>
<input type="text" readonly="readonly" value="heart">
</li>
<li>
<div class="icon sf-heart-o"></div>
<input type="text" readonly="readonly" value="heart-o">
</li>
<li>
<div class="icon sf-history"></div>
<input type="text" readonly="readonly" value="history">
</li>
<li>
<div class="icon sf-home"></div>
<input type="text" readonly="readonly" value="home">
</li>
<li>
<div class="icon sf-hourglass"></div>
<input type="text" readonly="readonly" value="hourglass">
</li>
<li>
<div class="icon sf-hourglass-end"></div>
<input type="text" readonly="readonly" value="hourglass-end">
</li>
<li>
<div class="icon sf-hourglass-half"></div>
<input type="text" readonly="readonly" value="hourglass-half">
</li>
<li>
<div class="icon sf-hourglass-o"></div>
<input type="text" readonly="readonly" value="hourglass-o">
</li>
<li>
<div class="icon sf-info"></div>
<input type="text" readonly="readonly" value="info">
</li>
<li>
<div class="icon sf-industry"></div>
<input type="text" readonly="readonly" value="industry">
</li>
<li>
<div class="icon sf-graduation-cap"></div>
<input type="text" readonly="readonly" value="graduation-cap">
</li>
<li>
<div class="icon sf-globe"></div>
<input type="text" readonly="readonly" value="globe">
</li>
<li>
<div class="icon sf-glass"></div>
<input type="text" readonly="readonly" value="glass">
</li>
<li>
<div class="icon sf-line-chart"></div>
<input type="text" readonly="readonly" value="line-chart">
</li>
<li>
<div class="icon sf-github-square"></div>
<input type="text" readonly="readonly" value="github-square">
</li>
<li>
<div class="icon sf-github-alt"></div>
<input type="text" readonly="readonly" value="github-alt">
</li>
<li>
<div class="icon sf-github"></div>
<input type="text" readonly="readonly" value="github">
</li>
<li>
<div class="icon sf-language"></div>
<input type="text" readonly="readonly" value="language">
</li>
<li>
<div class="icon sf-laptop"></div>
<input type="text" readonly="readonly" value="laptop">
</li>
<li>
<div class="icon sf-quote-left"></div>
<input type="text" readonly="readonly" value="quote-left">
</li>
<li>
<div class="icon sf-quote-right"></div>
<input type="text" readonly="readonly" value="quote-right">
</li>
<li>
<div class="icon sf-spinner"></div>
<input type="text" readonly="readonly" value="spinner">
</li>
<li>
<div class="icon sf-star"></div>
<input type="text" readonly="readonly" value="star">
</li>
<li>
<div class="icon sf-star-half"></div>
<input type="text" readonly="readonly" value="star-half">
</li>
<li>
<div class="icon sf-star-half-o"></div>
<input type="text" readonly="readonly" value="star-half-o">
</li>
<li>
<div class="icon sf-star-o"></div>
<input type="text" readonly="readonly" value="star-o">
</li>
<li>
<div class="icon sf-sort-amount-asc"></div>
<input type="text" readonly="readonly" value="sort-amount-asc">
</li>
<li>
<div class="icon sf-sort-alpha-desc"></div>
<input type="text" readonly="readonly" value="sort-alpha-desc">
</li>
<li>
<div class="icon sf-sort-alpha-asc"></div>
<input type="text" readonly="readonly" value="sort-alpha-asc">
</li>
<li>
<div class="icon sf-sort-amount-desc"></div>
<input type="text" readonly="readonly" value="sort-amount-desc">
</li>
<li>
<div class="icon sf-sort-numeric-desc"></div>
<input type="text" readonly="readonly" value="sort-numeric-desc">
</li>
<li>
<div class="icon sf-sort-numeric-asc"></div>
<input type="text" readonly="readonly" value="sort-numeric-asc">
</li>
<li>
<div class="icon sf-rss"></div>
<input type="text" readonly="readonly" value="rss">
</li>
<li>
<div class="icon sf-windows"></div>
<input type="text" readonly="readonly" value="windows">
</li>
<li>
<div class="icon sf-unlock"></div>
<input type="text" readonly="readonly" value="unlock">
</li>
<li>
<div class="icon sf-unlock-alt"></div>
<input type="text" readonly="readonly" value="unlock-alt">
</li>
<li>
<div class="icon sf-youtube-play"></div>
<input type="text" readonly="readonly" value="youtube-play">
</li>
<li>
<div class="icon sf-user-plus"></div>
<input type="text" readonly="readonly" value="user-plus">
</li>
<li>
<div class="icon sf-user"></div>
<input type="text" readonly="readonly" value="user">
</li>
<li>
<div class="icon sf-user-md"></div>
<input type="text" readonly="readonly" value="user-md">
</li>
<li>
<div class="icon sf-user-secret"></div>
<input type="text" readonly="readonly" value="user-secret">
</li>
<li>
<div class="icon sf-users"></div>
<input type="text" readonly="readonly" value="users">
</li>
<li>
<div class="icon sf-user-times"></div>
<input type="text" readonly="readonly" value="user-times">
</li>
<li>
<div class="icon sf-volume-up"></div>
<input type="text" readonly="readonly" value="volume-up">
</li>
<li>
<div class="icon sf-volume-off"></div>
<input type="text" readonly="readonly" value="volume-off">
</li>
<li>
<div class="icon sf-volume-down"></div>
<input type="text" readonly="readonly" value="volume-down">
</li>
<li>
<div class="icon sf-wrench"></div>
<input type="text" readonly="readonly" value="wrench">
</li>
<li>
<div class="icon sf-thumbs-down"></div>
<input type="text" readonly="readonly" value="thumbs-down">
</li>
<li>
<div class="icon sf-thumbs-o-down"></div>
<input type="text" readonly="readonly" value="thumbs-o-down">
</li>
<li>
<div class="icon sf-thumbs-o-up"></div>
<input type="text" readonly="readonly" value="thumbs-o-up">
</li>
<li>
<div class="icon sf-thumbs-up"></div>
<input type="text" readonly="readonly" value="thumbs-up">
</li>
<li>
<div class="icon sf-thumb-tack"></div>
<input type="text" readonly="readonly" value="thumb-tack">
</li>
<li>
<div class="icon sf-trello"></div>
<input type="text" readonly="readonly" value="trello">
</li>
<li>
<div class="icon sf-tachometer"></div>
<input type="text" readonly="readonly" value="tachometer">
</li>
<li>
<div class="icon sf-recycle"></div>
<input type="text" readonly="readonly" value="recycle">
</li>
<li>
<div class="icon sf-graph-bar"></div>
<input type="text" readonly="readonly" value="graph-bar">
</li>
<li>
<div class="icon sf-graph-horizontal"></div>
<input type="text" readonly="readonly" value="graph-horizontal">
</li>
<li>
<div class="icon sf-check-1"></div>
<input type="text" readonly="readonly" value="check-1">
</li>
<li>
<div class="icon sf-monitor"></div>
<input type="text" readonly="readonly" value="monitor">
</li>
<li>
<div class="icon sf-wrench-1"></div>
<input type="text" readonly="readonly" value="wrench-1">
</li>
<li>
<div class="icon sf-widget"></div>
<input type="text" readonly="readonly" value="widget">
</li>
<li>
<div class="icon sf-thumbnails"></div>
<input type="text" readonly="readonly" value="thumbnails">
</li>
<li>
<div class="icon sf-save"></div>
<input type="text" readonly="readonly" value="save">
</li>
<li>
<div class="icon sf-chart-pie"></div>
<input type="text" readonly="readonly" value="chart-pie">
</li>
<li>
<div class="icon sf-chart-line"></div>
<input type="text" readonly="readonly" value="chart-line">
</li>
<li>
<div class="icon sf-chart-bar"></div>
<input type="text" readonly="readonly" value="chart-bar">
</li>
<li>
<div class="icon sf-chart-area"></div>
<input type="text" readonly="readonly" value="chart-area">
</li>
<li>
<div class="icon sf-chat"></div>
<input type="text" readonly="readonly" value="chat">
</li>
<li>
<div class="icon sf-flow-tree"></div>
<input type="text" readonly="readonly" value="flow-tree">
</li>
<li>
<div class="icon sf-gauge"></div>
<input type="text" readonly="readonly" value="gauge">
</li>
<li>
<div class="icon sf-flight"></div>
<input type="text" readonly="readonly" value="flight">
</li>
<li>
<div class="icon sf-graph"></div>
<input type="text" readonly="readonly" value="graph">
</li>
<li>
<div class="icon sf-grid"></div>
<input type="text" readonly="readonly" value="grid">
</li>
<li>
<div class="icon sf-dzone"></div>
<input type="text" readonly="readonly" value="dzone">
</li>
<li>
<div class="icon sf-enter"></div>
<input type="text" readonly="readonly" value="enter">
</li>
<li>
<div class="icon sf-pinboard"></div>
<input type="text" readonly="readonly" value="pinboard">
</li>
<li>
<div class="icon sf-share"></div>
<input type="text" readonly="readonly" value="share">
</li>
<li>
<div class="icon sf-out"></div>
<input type="text" readonly="readonly" value="out">
</li>
<li>
<div class="icon sf-signout"></div>
<input type="text" readonly="readonly" value="signout">
</li>
<li>
<div class="icon sf-sign-out"></div>
<input type="text" readonly="readonly" value="sign-out">
</li>
<li>
<div class="icon sf-lock"></div>
<input type="text" readonly="readonly" value="lock">
</li>
<li>
<div class="icon sf-info-circle"></div>
<input type="text" readonly="readonly" value="info-circle">
</li>
<li>
<div class="icon sf-question"></div>
<input type="text" readonly="readonly" value="question">
</li>
<li>
<div class="icon sf-question-circle"></div>
<input type="text" readonly="readonly" value="question-circle">
</li>
<li>
<div class="icon sf-plus-circle"></div>
<input type="text" readonly="readonly" value="plus-circle">
</li>
<li>
<div class="icon sf-plus"></div>
<input type="text" readonly="readonly" value="plus">
</li>
<li>
<div class="icon sf-search"></div>
<input type="text" readonly="readonly" value="search">
</li>
<li>
<div class="icon sf-times-circle"></div>
<input type="text" readonly="readonly" value="times-circle">
</li>
<li>
<div class="icon sf-times"></div>
<input type="text" readonly="readonly" value="times">
</li>
<li>
<div class="icon sf-filter"></div>
<input type="text" readonly="readonly" value="filter">
</li>
<li>
<div class="icon sf-clipboard"></div>
<input type="text" readonly="readonly" value="clipboard">
</li>
<li>
<div class="icon sf-at"></div>
<input type="text" readonly="readonly" value="at">
</li>
<li>
<div class="icon sf-instagram"></div>
<input type="text" readonly="readonly" value="instagram">
</li>
<li>
<div class="icon sf-archive"></div>
<input type="text" readonly="readonly" value="archive">
</li>
<li>
<div class="icon sf-print"></div>
<input type="text" readonly="readonly" value="print">
</li>
<li>
<div class="icon sf-tags"></div>
<input type="text" readonly="readonly" value="tags">
</li>
<li>
<div class="icon sf-tag"></div>
<input type="text" readonly="readonly" value="tag">
</li>
<li>
<div class="icon sf-bars"></div>
<input type="text" readonly="readonly" value="bars">
</li>
<li>
<div class="icon sf-cogs"></div>
<input type="text" readonly="readonly" value="cogs">
</li>
<li>
<div class="icon sf-tasks"></div>
<input type="text" readonly="readonly" value="tasks">
</li>
<li>
<div class="icon sf-analytics-chart-graph"></div>
<input type="text" readonly="readonly" value="analytics-chart-graph">
</li>
<li>
<div class="icon sf-chart"></div>
<input type="text" readonly="readonly" value="chart">
</li>
<li>
<div class="icon sf-database"></div>
<input type="text" readonly="readonly" value="database">
</li>
<li>
<div class="icon sf-whatsapp"></div>
<input type="text" readonly="readonly" value="whatsapp">
</li>
<li>
<div class="icon sf-linkedin-square"></div>
<input type="text" readonly="readonly" value="linkedin-square">
</li>
<li>
<div class="icon sf-linkedin"></div>
<input type="text" readonly="readonly" value="linkedin">
</li>
<li>
<div class="icon sf-twitter-square"></div>
<input type="text" readonly="readonly" value="twitter-square">
</li>
<li>
<div class="icon sf-twitter"></div>
<input type="text" readonly="readonly" value="twitter">
</li>
<li>
<div class="icon sf-retweet"></div>
<input type="text" readonly="readonly" value="retweet">
</li>
<li>
<div class="icon sf-refresh"></div>
<input type="text" readonly="readonly" value="refresh">
</li>
<li>
<div class="icon sf-load-c"></div>
<input type="text" readonly="readonly" value="load-c">
</li>
<li>
<div class="icon sf-trophy"></div>
<input type="text" readonly="readonly" value="trophy">
</li>
<li>
<div class="icon sf-ribbon-b"></div>
<input type="text" readonly="readonly" value="ribbon-b">
</li>
<li>
<div class="icon sf-ribbon-a"></div>
<input type="text" readonly="readonly" value="ribbon-a">
</li>
<li>
<div class="icon sf-edit-write"></div>
<input type="text" readonly="readonly" value="edit-write">
</li>
<li>
<div class="icon sf-building"></div>
<input type="text" readonly="readonly" value="building">
</li>
<li>
<div class="icon sf-pencil-square-o"></div>
<input type="text" readonly="readonly" value="pencil-square-o">
</li>
<li>
<div class="icon sf-pencil-square"></div>
<input type="text" readonly="readonly" value="pencil-square">
</li>
<li>
<div class="icon sf-pencil"></div>
<input type="text" readonly="readonly" value="pencil">
</li>
<li>
<div class="icon sf-bold"></div>
<input type="text" readonly="readonly" value="bold">
</li>
<li>
<div class="icon sf-crop-1"></div>
<input type="text" readonly="readonly" value="crop-1">
</li>
<li>
<div class="icon sf-align-center-1"></div>
<input type="text" readonly="readonly" value="align-center-1">
</li>
<li>
<div class="icon sf-align-justify-1"></div>
<input type="text" readonly="readonly" value="align-justify-1">
</li>
<li>
<div class="icon sf-align-left-1"></div>
<input type="text" readonly="readonly" value="align-left-1">
</li>
<li>
<div class="icon sf-indent"></div>
<input type="text" readonly="readonly" value="indent">
</li>
<li>
<div class="icon sf-outdent"></div>
<input type="text" readonly="readonly" value="outdent">
</li>
<li>
<div class="icon sf-superscript"></div>
<input type="text" readonly="readonly" value="superscript">
</li>
<li>
<div class="icon sf-subscript"></div>
<input type="text" readonly="readonly" value="subscript">
</li>
<li>
<div class="icon sf-align-right-1"></div>
<input type="text" readonly="readonly" value="align-right-1">
</li>
<li>
<div class="icon sf-font"></div>
<input type="text" readonly="readonly" value="font">
</li>
<li>
<div class="icon sf-list"></div>
<input type="text" readonly="readonly" value="list">
</li>
<li>
<div class="icon sf-pencil-square-1"></div>
<input type="text" readonly="readonly" value="pencil-square-1">
</li>
<li>
<div class="icon sf-text-height"></div>
<input type="text" readonly="readonly" value="text-height">
</li>
<li>
<div class="icon sf-trash"></div>
<input type="text" readonly="readonly" value="trash">
</li>
<li>
<div class="icon sf-trash-o"></div>
<input type="text" readonly="readonly" value="trash-o">
</li>
<li>
<div class="icon sf-ban"></div>
<input type="text" readonly="readonly" value="ban">
</li>
<li>
<div class="icon sf-minus-circle"></div>
<input type="text" readonly="readonly" value="minus-circle">
</li>
<li>
<div class="icon sf-minus-square"></div>
<input type="text" readonly="readonly" value="minus-square">
</li>
<li>
<div class="icon sf-link"></div>
<input type="text" readonly="readonly" value="link">
</li>
<li>
<div class="icon sf-link-external"></div>
<input type="text" readonly="readonly" value="link-external">
</li>
<li>
<div class="icon sf-tools"></div>
<input type="text" readonly="readonly" value="tools">
</li>
<li>
<div class="icon sf-wrench-2"></div>
<input type="text" readonly="readonly" value="wrench-2">
</li>
<li>
<div class="icon sf-power-off"></div>
<input type="text" readonly="readonly" value="power-off">
</li>
<li>
<div class="icon sf-credit-card"></div>
<input type="text" readonly="readonly" value="credit-card">
</li>
<li>
<div class="icon sf-user-7"></div>
<input type="text" readonly="readonly" value="user-7">
</li>
<li>
<div class="icon sf-user-6"></div>
<input type="text" readonly="readonly" value="user-6">
</li>
<li>
<div class="icon sf-user-4"></div>
<input type="text" readonly="readonly" value="user-4">
</li>
<li>
<div class="icon sf-user-3"></div>
<input type="text" readonly="readonly" value="user-3">
</li>
<li>
<div class="icon sf-user-5"></div>
<input type="text" readonly="readonly" value="user-5">
</li>
<li>
<div class="icon sf-forum-user"></div>
<input type="text" readonly="readonly" value="forum-user">
</li>
<li>
<div class="icon sf-file-1"></div>
<input type="text" readonly="readonly" value="file-1">
</li>
<li>
<div class="icon sf-folder"></div>
<input type="text" readonly="readonly" value="folder">
</li>
<li>
<div class="icon sf-folder-1"></div>
<input type="text" readonly="readonly" value="folder-1">
</li>
<li>
<div class="icon sf-medal"></div>
<input type="text" readonly="readonly" value="medal">
</li>
<li>
<div class="icon sf-network"></div>
<input type="text" readonly="readonly" value="network">
</li>
<li>
<div class="icon sf-save-1"></div>
<input type="text" readonly="readonly" value="save-1">
</li>
<li>
<div class="icon sf-star-1"></div>
<input type="text" readonly="readonly" value="star-1">
</li>
<li>
<div class="icon sf-display"></div>
<input type="text" readonly="readonly" value="display">
</li>
<li>
<div class="icon sf-dollar"></div>
<input type="text" readonly="readonly" value="dollar">
</li>
<li>
<div class="icon sf-euro"></div>
<input type="text" readonly="readonly" value="euro">
</li>
<li>
<div class="icon sf-pound"></div>
<input type="text" readonly="readonly" value="pound">
</li>
<li>
<div class="icon sf-money-banknote"></div>
<input type="text" readonly="readonly" value="money-banknote">
</li>
<li>
<div class="icon sf-male-rounded-1"></div>
<input type="text" readonly="readonly" value="male-rounded-1">
</li>
<li>
<div class="icon sf-female-rounded-1"></div>
<input type="text" readonly="readonly" value="female-rounded-1">
</li>
<li>
<div class="icon sf-female"></div>
<input type="text" readonly="readonly" value="female">
</li>
<li>
<div class="icon sf-male"></div>
<input type="text" readonly="readonly" value="male">
</li>
<li>
<div class="icon sf-arrows-out"></div>
<input type="text" readonly="readonly" value="arrows-out">
</li>
<li>
<div class="icon sf-print-1"></div>
<input type="text" readonly="readonly" value="print-1">
</li>
<li>
<div class="icon sf-zoom-out"></div>
<input type="text" readonly="readonly" value="zoom-out">
</li>
<li>
<div class="icon sf-earth"></div>
<input type="text" readonly="readonly" value="earth">
</li>
<li>
<div class="icon sf-building-o"></div>
<input type="text" readonly="readonly" value="building-o">
</li>
<li>
<div class="icon sf-briefcase"></div>
<input type="text" readonly="readonly" value="briefcase">
</li>
<li>
<div class="icon sf-interface-windows"></div>
<input type="text" readonly="readonly" value="interface-windows">
</li>
<li>
<div class="icon sf-angle-double-down"></div>
<input type="text" readonly="readonly" value="angle-double-down">
</li>
<li>
<div class="icon sf-angle-double-left"></div>
<input type="text" readonly="readonly" value="angle-double-left">
</li>
<li>
<div class="icon sf-angle-double-right"></div>
<input type="text" readonly="readonly" value="angle-double-right">
</li>
<li>
<div class="icon sf-angle-double-up"></div>
<input type="text" readonly="readonly" value="angle-double-up">
</li>
<li>
<div class="icon sf-arrow-circle-down"></div>
<input type="text" readonly="readonly" value="arrow-circle-down">
</li>
<li>
<div class="icon sf-arrow-circle-left"></div>
<input type="text" readonly="readonly" value="arrow-circle-left">
</li>
<li>
<div class="icon sf-arrow-circle-o-down"></div>
<input type="text" readonly="readonly" value="arrow-circle-o-down">
</li>
<li>
<div class="icon sf-area-chart"></div>
<input type="text" readonly="readonly" value="area-chart">
</li>
<li>
<div class="icon sf-arrow-circle-o-left"></div>
<input type="text" readonly="readonly" value="arrow-circle-o-left">
</li>
<li>
<div class="icon sf-arrow-circle-o-right"></div>
<input type="text" readonly="readonly" value="arrow-circle-o-right">
</li>
<li>
<div class="icon sf-arrow-circle-o-up"></div>
<input type="text" readonly="readonly" value="arrow-circle-o-up">
</li>
<li>
<div class="icon sf-arrow-circle-right"></div>
<input type="text" readonly="readonly" value="arrow-circle-right">
</li>
<li>
<div class="icon sf-arrow-circle-up"></div>
<input type="text" readonly="readonly" value="arrow-circle-up">
</li>
<li>
<div class="icon sf-arrow-down"></div>
<input type="text" readonly="readonly" value="arrow-down">
</li>
<li>
<div class="icon sf-arrow-left"></div>
<input type="text" readonly="readonly" value="arrow-left">
</li>
<li>
<div class="icon sf-arrow-right"></div>
<input type="text" readonly="readonly" value="arrow-right">
</li>
<li>
<div class="icon sf-arrow-up"></div>
<input type="text" readonly="readonly" value="arrow-up">
</li>
<li>
<div class="icon sf-battery-empty"></div>
<input type="text" readonly="readonly" value="battery-empty">
</li>
<li>
<div class="icon sf-battery-full"></div>
<input type="text" readonly="readonly" value="battery-full">
</li>
<li>
<div class="icon sf-battery-half"></div>
<input type="text" readonly="readonly" value="battery-half">
</li>
<li>
<div class="icon sf-battery-quarter"></div>
<input type="text" readonly="readonly" value="battery-quarter">
</li>
<li>
<div class="icon sf-battery-three-quarters"></div>
<input type="text" readonly="readonly" value="battery-three-quarters">
</li>
<li>
<div class="icon sf-barcode"></div>
<input type="text" readonly="readonly" value="barcode">
</li>
<li>
<div class="icon sf-at-1"></div>
<input type="text" readonly="readonly" value="at-1">
</li>
<li>
<div class="icon sf-bed"></div>
<input type="text" readonly="readonly" value="bed">
</li>
<li>
<div class="icon sf-binoculars"></div>
<input type="text" readonly="readonly" value="binoculars">
</li>
<li>
<div class="icon sf-bold-1"></div>
<input type="text" readonly="readonly" value="bold-1">
</li>
<li>
<div class="icon sf-book"></div>
<input type="text" readonly="readonly" value="book">
</li>
<li>
<div class="icon sf-bus"></div>
<input type="text" readonly="readonly" value="bus">
</li>
<li>
<div class="icon sf-calculator"></div>
<input type="text" readonly="readonly" value="calculator">
</li>
<li>
<div class="icon sf-calendar"></div>
<input type="text" readonly="readonly" value="calendar">
</li>
<li>
<div class="icon sf-calendar-check-o"></div>
<input type="text" readonly="readonly" value="calendar-check-o">
</li>
<li>
<div class="icon sf-calendar-minus-o"></div>
<input type="text" readonly="readonly" value="calendar-minus-o">
</li>
<li>
<div class="icon sf-camera"></div>
<input type="text" readonly="readonly" value="camera">
</li>
<li>
<div class="icon sf-camera-retro"></div>
<input type="text" readonly="readonly" value="camera-retro">
</li>
<li>
<div class="icon sf-car"></div>
<input type="text" readonly="readonly" value="car">
</li>
<li>
<div class="icon sf-cart-plus"></div>
<input type="text" readonly="readonly" value="cart-plus">
</li>
<li>
<div class="icon sf-cc-mastercard"></div>
<input type="text" readonly="readonly" value="cc-mastercard">
</li>
<li>
<div class="icon sf-check-circle"></div>
<input type="text" readonly="readonly" value="check-circle">
</li>
<li>
<div class="icon sf-check-circle-o"></div>
<input type="text" readonly="readonly" value="check-circle-o">
</li>
<li>
<div class="icon sf-check-square"></div>
<input type="text" readonly="readonly" value="check-square">
</li>
<li>
<div class="icon sf-check-square-o"></div>
<input type="text" readonly="readonly" value="check-square-o">
</li>
<li>
<div class="icon sf-chevron-down"></div>
<input type="text" readonly="readonly" value="chevron-down">
</li>
<li>
<div class="icon sf-chevron-left"></div>
<input type="text" readonly="readonly" value="chevron-left">
</li>
<li>
<div class="icon sf-chevron-right"></div>
<input type="text" readonly="readonly" value="chevron-right">
</li>
<li>
<div class="icon sf-chevron-up"></div>
<input type="text" readonly="readonly" value="chevron-up">
</li>
<li>
<div class="icon sf-child"></div>
<input type="text" readonly="readonly" value="child">
</li>
<li>
<div class="icon sf-chrome"></div>
<input type="text" readonly="readonly" value="chrome">
</li>
<li>
<div class="icon sf-circle-o-notch"></div>
<input type="text" readonly="readonly" value="circle-o-notch">
</li>
<li>
<div class="icon sf-code"></div>
<input type="text" readonly="readonly" value="code">
</li>
<li>
<div class="icon sf-code-fork"></div>
<input type="text" readonly="readonly" value="code-fork">
</li>
<li>
<div class="icon sf-coffee"></div>
<input type="text" readonly="readonly" value="coffee">
</li>
<li>
<div class="icon sf-compress"></div>
<input type="text" readonly="readonly" value="compress">
</li>
<li>
<div class="icon sf-copyright"></div>
<input type="text" readonly="readonly" value="copyright">
</li>
<li>
<div class="icon sf-css3"></div>
<input type="text" readonly="readonly" value="css3">
</li>
<li>
<div class="icon sf-diamond"></div>
<input type="text" readonly="readonly" value="diamond">
</li>
<li>
<div class="icon sf-eject"></div>
<input type="text" readonly="readonly" value="eject">
</li>
<li>
<div class="icon sf-exchange"></div>
<input type="text" readonly="readonly" value="exchange">
</li>
<li>
<div class="icon sf-eur"></div>
<input type="text" readonly="readonly" value="eur">
</li>
<li>
<div class="icon sf-exclamation"></div>
<input type="text" readonly="readonly" value="exclamation">
</li>
<li>
<div class="icon sf-exclamation-circle"></div>
<input type="text" readonly="readonly" value="exclamation-circle">
</li>
<li>
<div class="icon sf-exclamation-triangle"></div>
<input type="text" readonly="readonly" value="exclamation-triangle">
</li>
<li>
<div class="icon sf-expand"></div>
<input type="text" readonly="readonly" value="expand">
</li>
<li>
<div class="icon sf-expeditedssl"></div>
<input type="text" readonly="readonly" value="expeditedssl">
</li>
<li>
<div class="icon sf-external-link"></div>
<input type="text" readonly="readonly" value="external-link">
</li>
<li>
<div class="icon sf-eyedropper"></div>
<input type="text" readonly="readonly" value="eyedropper">
</li>
<li>
<div class="icon sf-fast-backward"></div>
<input type="text" readonly="readonly" value="fast-backward">
</li>
<li>
<div class="icon sf-fast-forward"></div>
<input type="text" readonly="readonly" value="fast-forward">
</li>
<li>
<div class="icon sf-fax"></div>
<input type="text" readonly="readonly" value="fax">
</li>
<li>
<div class="icon sf-firefox"></div>
<input type="text" readonly="readonly" value="firefox">
</li>
<li>
<div class="icon sf-flask"></div>
<input type="text" readonly="readonly" value="flask">
</li>
<li>
<div class="icon sf-folder-o"></div>
<input type="text" readonly="readonly" value="folder-o">
</li>
<li>
<div class="icon sf-folder-2"></div>
<input type="text" readonly="readonly" value="folder-2">
</li>
<li>
<div class="icon sf-folder-open"></div>
<input type="text" readonly="readonly" value="folder-open">
</li>
<li>
<div class="icon sf-folder-open-o"></div>
<input type="text" readonly="readonly" value="folder-open-o">
</li>
<li>
<div class="icon sf-font-1"></div>
<input type="text" readonly="readonly" value="font-1">
</li>
<li>
<div class="icon sf-frown-o"></div>
<input type="text" readonly="readonly" value="frown-o">
</li>
<li>
<div class="icon sf-gift"></div>
<input type="text" readonly="readonly" value="gift">
</li>
<li>
<div class="icon sf-gratipay"></div>
<input type="text" readonly="readonly" value="gratipay">
</li>
<li>
<div class="icon sf-google-plus"></div>
<input type="text" readonly="readonly" value="google-plus">
</li>
<li>
<div class="icon sf-google"></div>
<input type="text" readonly="readonly" value="google">
</li>
<li>
<div class="icon sf-git-square"></div>
<input type="text" readonly="readonly" value="git-square">
</li>
<li>
<div class="icon sf-git"></div>
<input type="text" readonly="readonly" value="git">
</li>
<li>
<div class="icon sf-hand-peace-o"></div>
<input type="text" readonly="readonly" value="hand-peace-o">
</li>
<li>
<div class="icon sf-header"></div>
<input type="text" readonly="readonly" value="header">
</li>
<li>
<div class="icon sf-headphones"></div>
<input type="text" readonly="readonly" value="headphones">
</li>
<li>
<div class="icon sf-heartbeat"></div>
<input type="text" readonly="readonly" value="heartbeat">
</li>
<li>
<div class="icon sf-hourglass-start"></div>
<input type="text" readonly="readonly" value="hourglass-start">
</li>
<li>
<div class="icon sf-html5"></div>
<input type="text" readonly="readonly" value="html5">
</li>
<li>
<div class="icon sf-indent-1"></div>
<input type="text" readonly="readonly" value="indent-1">
</li>
<li>
<div class="icon sf-inbox"></div>
<input type="text" readonly="readonly" value="inbox">
</li>
<li>
<div class="icon sf-internet-explorer"></div>
<input type="text" readonly="readonly" value="internet-explorer">
</li>
<li>
<div class="icon sf-italic"></div>
<input type="text" readonly="readonly" value="italic">
</li>
<li>
<div class="icon sf-linux"></div>
<input type="text" readonly="readonly" value="linux">
</li>
<li>
<div class="icon sf-lightbulb-o"></div>
<input type="text" readonly="readonly" value="lightbulb-o">
</li>
<li>
<div class="icon sf-life-ring"></div>
<input type="text" readonly="readonly" value="life-ring">
</li>
<li>
<div class="icon sf-level-down"></div>
<input type="text" readonly="readonly" value="level-down">
</li>
<li>
<div class="icon sf-level-up"></div>
<input type="text" readonly="readonly" value="level-up">
</li>
<li>
<div class="icon sf-list-ol"></div>
<input type="text" readonly="readonly" value="list-ol">
</li>
<li>
<div class="icon sf-list-ul"></div>
<input type="text" readonly="readonly" value="list-ul">
</li>
<li>
<div class="icon sf-location-arrow"></div>
<input type="text" readonly="readonly" value="location-arrow">
</li>
<li>
<div class="icon sf-magic"></div>
<input type="text" readonly="readonly" value="magic">
</li>
<li>
<div class="icon sf-map-marker"></div>
<input type="text" readonly="readonly" value="map-marker">
</li>
<li>
<div class="icon sf-map"></div>
<input type="text" readonly="readonly" value="map">
</li>
<li>
<div class="icon sf-meh-o"></div>
<input type="text" readonly="readonly" value="meh-o">
</li>
<li>
<div class="icon sf-map-pin"></div>
<input type="text" readonly="readonly" value="map-pin">
</li>
<li>
<div class="icon sf-mars"></div>
<input type="text" readonly="readonly" value="mars">
</li>
<li>
<div class="icon sf-microphone"></div>
<input type="text" readonly="readonly" value="microphone">
</li>
<li>
<div class="icon sf-microphone-slash"></div>
<input type="text" readonly="readonly" value="microphone-slash">
</li>
<li>
<div class="icon sf-mobile"></div>
<input type="text" readonly="readonly" value="mobile">
</li>
<li>
<div class="icon sf-money"></div>
<input type="text" readonly="readonly" value="money">
</li>
<li>
<div class="icon sf-moon-o"></div>
<input type="text" readonly="readonly" value="moon-o">
</li>
<li>
<div class="icon sf-motorcycle"></div>
<input type="text" readonly="readonly" value="motorcycle">
</li>
<li>
<div class="icon sf-mouse-pointer"></div>
<input type="text" readonly="readonly" value="mouse-pointer">
</li>
<li>
<div class="icon sf-music"></div>
<input type="text" readonly="readonly" value="music">
</li>
<li>
<div class="icon sf-paint-brush"></div>
<input type="text" readonly="readonly" value="paint-brush">
</li>
<li>
<div class="icon sf-picture-o"></div>
<input type="text" readonly="readonly" value="picture-o">
</li>
<li>
<div class="icon sf-phone-square"></div>
<input type="text" readonly="readonly" value="phone-square">
</li>
<li>
<div class="icon sf-phone"></div>
<input type="text" readonly="readonly" value="phone">
</li>
<li>
<div class="icon sf-paper-plane"></div>
<input type="text" readonly="readonly" value="paper-plane">
</li>
<li>
<div class="icon sf-paper-plane-o"></div>
<input type="text" readonly="readonly" value="paper-plane-o">
</li>
<li>
<div class="icon sf-pie-chart"></div>
<input type="text" readonly="readonly" value="pie-chart">
</li>
<li>
<div class="icon sf-play"></div>
<input type="text" readonly="readonly" value="play">
</li>
<li>
<div class="icon sf-play-circle-o"></div>
<input type="text" readonly="readonly" value="play-circle-o">
</li>
<li>
<div class="icon sf-plug"></div>
<input type="text" readonly="readonly" value="plug">
</li>
<li>
<div class="icon sf-plus-square"></div>
<input type="text" readonly="readonly" value="plus-square">
</li>
<li>
<div class="icon sf-plus-square-o"></div>
<input type="text" readonly="readonly" value="plus-square-o">
</li>
<li>
<div class="icon sf-power-off-1"></div>
<input type="text" readonly="readonly" value="power-off-1">
</li>
<li>
<div class="icon sf-registered"></div>
<input type="text" readonly="readonly" value="registered">
</li>
<li>
<div class="icon sf-rocket"></div>
<input type="text" readonly="readonly" value="rocket">
</li>
<li>
<div class="icon sf-rss-square"></div>
<input type="text" readonly="readonly" value="rss-square">
</li>
<li>
<div class="icon sf-scissors"></div>
<input type="text" readonly="readonly" value="scissors">
</li>
<li>
<div class="icon sf-safari"></div>
<input type="text" readonly="readonly" value="safari">
</li>
<li>
<div class="icon sf-search-plus"></div>
<input type="text" readonly="readonly" value="search-plus">
</li>
<li>
<div class="icon sf-search-minus"></div>
<input type="text" readonly="readonly" value="search-minus">
</li>
<li>
<div class="icon sf-sellsy"></div>
<input type="text" readonly="readonly" value="sellsy">
</li>
<li>
<div class="icon sf-server"></div>
<input type="text" readonly="readonly" value="server">
</li>
<li>
<div class="icon sf-share-alt"></div>
<input type="text" readonly="readonly" value="share-alt">
</li>
<li>
<div class="icon sf-share-alt-square"></div>
<input type="text" readonly="readonly" value="share-alt-square">
</li>
<li>
<div class="icon sf-share-square"></div>
<input type="text" readonly="readonly" value="share-square">
</li>
<li>
<div class="icon sf-share-square-o"></div>
<input type="text" readonly="readonly" value="share-square-o">
</li>
<li>
<div class="icon sf-shield"></div>
<input type="text" readonly="readonly" value="shield">
</li>
<li>
<div class="icon sf-shopping-cart"></div>
<input type="text" readonly="readonly" value="shopping-cart">
</li>
<li>
<div class="icon sf-sign-in"></div>
<input type="text" readonly="readonly" value="sign-in">
</li>
<li>
<div class="icon sf-signal"></div>
<input type="text" readonly="readonly" value="signal">
</li>
<li>
<div class="icon sf-sitemap"></div>
<input type="text" readonly="readonly" value="sitemap">
</li>
<li>
<div class="icon sf-slack"></div>
<input type="text" readonly="readonly" value="slack">
</li>
<li>
<div class="icon sf-sliders"></div>
<input type="text" readonly="readonly" value="sliders">
</li>
<li>
<div class="icon sf-sort"></div>
<input type="text" readonly="readonly" value="sort">
</li>
<li>
<div class="icon sf-smile-o"></div>
<input type="text" readonly="readonly" value="smile-o">
</li>
<li>
<div class="icon sf-sort-asc"></div>
<input type="text" readonly="readonly" value="sort-asc">
</li>
<li>
<div class="icon sf-sort-desc"></div>
<input type="text" readonly="readonly" value="sort-desc">
</li>
<li>
<div class="icon sf-soundcloud"></div>
<input type="text" readonly="readonly" value="soundcloud">
</li>
<li>
<div class="icon sf-space-shuttle"></div>
<input type="text" readonly="readonly" value="space-shuttle">
</li>
<li>
<div class="icon sf-stack-overflow"></div>
<input type="text" readonly="readonly" value="stack-overflow">
</li>
<li>
<div class="icon sf-sun-o"></div>
<input type="text" readonly="readonly" value="sun-o">
</li>
<li>
<div class="icon sf-superscript-1"></div>
<input type="text" readonly="readonly" value="superscript-1">
</li>
<li>
<div class="icon sf-table"></div>
<input type="text" readonly="readonly" value="table">
</li>
<li>
<div class="icon sf-tablet"></div>
<input type="text" readonly="readonly" value="tablet">
</li>
<li>
<div class="icon sf-taxi"></div>
<input type="text" readonly="readonly" value="taxi">
</li>
<li>
<div class="icon sf-television"></div>
<input type="text" readonly="readonly" value="television">
</li>
<li>
<div class="icon sf-terminal"></div>
<input type="text" readonly="readonly" value="terminal">
</li>
<li>
<div class="icon sf-text-height-1"></div>
<input type="text" readonly="readonly" value="text-height-1">
</li>
<li>
<div class="icon sf-text-width"></div>
<input type="text" readonly="readonly" value="text-width">
</li>
<li>
<div class="icon sf-th"></div>
<input type="text" readonly="readonly" value="th">
</li>
<li>
<div class="icon sf-th-large"></div>
<input type="text" readonly="readonly" value="th-large">
</li>
<li>
<div class="icon sf-th-list"></div>
<input type="text" readonly="readonly" value="th-list">
</li>
<li>
<div class="icon sf-trademark"></div>
<input type="text" readonly="readonly" value="trademark">
</li>
<li>
<div class="icon sf-tree"></div>
<input type="text" readonly="readonly" value="tree">
</li>
<li>
<div class="icon sf-underline"></div>
<input type="text" readonly="readonly" value="underline">
</li>
<li>
<div class="icon sf-umbrella"></div>
<input type="text" readonly="readonly" value="umbrella">
</li>
<li>
<div class="icon sf-tty"></div>
<input type="text" readonly="readonly" value="tty">
</li>
<li>
<div class="icon sf-trophy-1"></div>
<input type="text" readonly="readonly" value="trophy-1">
</li>
<li>
<div class="icon sf-upload"></div>
<input type="text" readonly="readonly" value="upload">
</li>
<li>
<div class="icon sf-usd"></div>
<input type="text" readonly="readonly" value="usd">
</li>
<li>
<div class="icon sf-venus"></div>
<input type="text" readonly="readonly" value="venus">
</li>
<li>
<div class="icon sf-wheelchair"></div>
<input type="text" readonly="readonly" value="wheelchair">
</li>
<li>
<div class="icon sf-weixin"></div>
<input type="text" readonly="readonly" value="weixin">
</li>
<li>
<div class="icon sf-video-camera"></div>
<input type="text" readonly="readonly" value="video-camera">
</li>
<li>
<div class="icon sf-wifi"></div>
<input type="text" readonly="readonly" value="wifi">
</li>
<li>
<div class="icon sf-wordpress"></div>
<input type="text" readonly="readonly" value="wordpress">
</li>
<li>
<div class="icon sf-youtube"></div>
<input type="text" readonly="readonly" value="youtube">
</li>
<li>
<div class="icon sf-pin"></div>
<input type="text" readonly="readonly" value="pin">
</li>
<li>
<div class="icon sf-anchor"></div>
<input type="text" readonly="readonly" value="anchor">
</li>
<li>
<div class="icon sf-alarm"></div>
<input type="text" readonly="readonly" value="alarm">
</li>
<li>
<div class="icon sf-instagram-1"></div>
<input type="text" readonly="readonly" value="instagram-1">
</li>
<li>
<div class="icon sf-heart-1"></div>
<input type="text" readonly="readonly" value="heart-1">
</li>
<li>
<div class="icon sf-task"></div>
<input type="text" readonly="readonly" value="task">
</li>
<li>
<div class="icon sf-broadcast"></div>
<input type="text" readonly="readonly" value="broadcast">
</li>
<li>
<div class="icon sf-bug-1"></div>
<input type="text" readonly="readonly" value="bug-1">
</li>
<li>
<div class="icon sf-star-2"></div>
<input type="text" readonly="readonly" value="star-2">
</li>
<li>
<div class="icon sf-mark-github"></div>
<input type="text" readonly="readonly" value="mark-github">
</li>
<li>
<div class="icon sf-flag-1"></div>
<input type="text" readonly="readonly" value="flag-1">
</li>
<li>
<div class="icon sf-bug-2"></div>
<input type="text" readonly="readonly" value="bug-2">
</li>
<li>
<div class="icon sf-android-1"></div>
<input type="text" readonly="readonly" value="android-1">
</li>
<li>
<div class="icon sf-bluetooth"></div>
<input type="text" readonly="readonly" value="bluetooth">
</li>
<li>
<div class="icon sf-heart-2"></div>
<input type="text" readonly="readonly" value="heart-2">
</li>
<li>
<div class="icon sf-hashtag"></div>
<input type="text" readonly="readonly" value="hashtag">
</li>
<li>
<div class="icon sf-windows-1"></div>
<input type="text" readonly="readonly" value="windows-1">
</li>
<li>
<div class="icon sf-barcode-1"></div>
<input type="text" readonly="readonly" value="barcode-1">
</li>
<li>
<div class="icon sf-glass-1"></div>
<input type="text" readonly="readonly" value="glass-1">
</li>
<li>
<div class="icon sf-tags-1"></div>
<input type="text" readonly="readonly" value="tags-1">
</li>
<li>
<div class="icon sf-tag-1"></div>
<input type="text" readonly="readonly" value="tag-1">
</li>
<li>
<div class="icon sf-skype"></div>
<input type="text" readonly="readonly" value="skype">
</li>
<li>
<div class="icon sf-yang-ying"></div>
<input type="text" readonly="readonly" value="yang-ying">
</li>
<li>
<div class="icon sf-address-book"></div>
<input type="text" readonly="readonly" value="address-book">
</li>
<li>
<div class="icon sf-alert"></div>
<input type="text" readonly="readonly" value="alert">
</li>
<li>
<div class="icon sf-adjust"></div>
<input type="text" readonly="readonly" value="adjust">
</li>
<li>
<div class="icon sf-code-1"></div>
<input type="text" readonly="readonly" value="code-1">
</li>
<li>
<div class="icon sf-basket"></div>
<input type="text" readonly="readonly" value="basket">
</li>
<li>
<div class="icon sf-attach"></div>
<input type="text" readonly="readonly" value="attach">
</li>
<li>
<div class="icon sf-globe-1"></div>
<input type="text" readonly="readonly" value="globe-1">
</li>
<li>
<div class="icon sf-lamp"></div>
<input type="text" readonly="readonly" value="lamp">
</li>
<li>
<div class="icon sf-left-quote"></div>
<input type="text" readonly="readonly" value="left-quote">
</li>
<li>
<div class="icon sf-headphones-1"></div>
<input type="text" readonly="readonly" value="headphones-1">
</li>
<li>
<div class="icon sf-moon-stroke"></div>
<input type="text" readonly="readonly" value="moon-stroke">
</li>
<li>
<div class="icon sf-moon-fill"></div>
<input type="text" readonly="readonly" value="moon-fill">
</li>
<li>
<div class="icon sf-mic"></div>
<input type="text" readonly="readonly" value="mic">
</li>
<li>
<div class="icon sf-home-1"></div>
<input type="text" readonly="readonly" value="home-1">
</li>
<li>
<div class="icon sf-chat-alt-fill"></div>
<input type="text" readonly="readonly" value="chat-alt-fill">
</li>
<li>
<div class="icon sf-bolt-1"></div>
<input type="text" readonly="readonly" value="bolt-1">
</li>
<li>
<div class="icon sf-right-quote"></div>
<input type="text" readonly="readonly" value="right-quote">
</li>
<li>
<div class="icon sf-right-quote-alt"></div>
<input type="text" readonly="readonly" value="right-quote-alt">
</li>
<li>
<div class="icon sf-pin-1"></div>
<input type="text" readonly="readonly" value="pin-1">
</li>
<li>
<div class="icon sf-atom"></div>
<input type="text" readonly="readonly" value="atom">
</li>
<li>
<div class="icon sf-celcius"></div>
<input type="text" readonly="readonly" value="celcius">
</li>
<li>
<div class="icon sf-thermometer"></div>
<input type="text" readonly="readonly" value="thermometer">
</li>
<li>
<div class="icon sf-sun-black"></div>
<input type="text" readonly="readonly" value="sun-black">
</li>
<li>
<div class="icon sf-sun"></div>
<input type="text" readonly="readonly" value="sun">
</li>
<li>
<div class="icon sf-card"></div>
<input type="text" readonly="readonly" value="card">
</li>
<li>
<div class="icon sf-edit"></div>
<input type="text" readonly="readonly" value="edit">
</li>
<li>
<div class="icon sf-pencil-1"></div>
<input type="text" readonly="readonly" value="pencil-1">
</li>
<li>
<div class="icon sf-plane"></div>
<input type="text" readonly="readonly" value="plane">
</li>
<li>
<div class="icon sf-bag"></div>
<input type="text" readonly="readonly" value="bag">
</li>
<li>
<div class="icon sf-new-sign"></div>
<input type="text" readonly="readonly" value="new-sign">
</li>
<li>
<div class="icon sf-sell-sign"></div>
<input type="text" readonly="readonly" value="sell-sign">
</li>
<li>
<div class="icon sf-load-a"></div>
<input type="text" readonly="readonly" value="load-a">
</li>
<li>
<div class="icon sf-load-d"></div>
<input type="text" readonly="readonly" value="load-d">
</li>
<li>
<div class="icon sf-load-b"></div>
<input type="text" readonly="readonly" value="load-b">
</li>
<li>
<div class="icon sf-spin-alt"></div>
<input type="text" readonly="readonly" value="spin-alt">
</li>
<li>
<div class="icon sf-pull-request"></div>
<input type="text" readonly="readonly" value="pull-request">
</li>
<li>
<div class="icon sf-network-1"></div>
<input type="text" readonly="readonly" value="network-1">
</li>
<li>
<div class="icon sf-merge"></div>
<input type="text" readonly="readonly" value="merge">
</li>
<li>
<div class="icon sf-fork-repo"></div>
<input type="text" readonly="readonly" value="fork-repo">
</li>
<li>
<div class="icon sf-publish"></div>
<input type="text" readonly="readonly" value="publish">
</li>
<li>
<div class="icon sf-facebook-square"></div>
<input type="text" readonly="readonly" value="facebook-square">
</li>
<li>
<div class="icon sf-facebook-official"></div>
<input type="text" readonly="readonly" value="facebook-official">
</li>
<li>
<div class="icon sf-pinterest-square"></div>
<input type="text" readonly="readonly" value="pinterest-square">
</li>
<li>
<div class="icon sf-pinterest-p"></div>
<input type="text" readonly="readonly" value="pinterest-p">
</li>
<li>
<div class="icon sf-skype-1"></div>
<input type="text" readonly="readonly" value="skype-1">
</li>
<li>
<div class="icon sf-model-s"></div>
<input type="text" readonly="readonly" value="model-s">
</li>
<li>
<div class="icon sf-vcard"></div>
<input type="text" readonly="readonly" value="vcard">
</li>
<li>
<div class="icon sf-clock-o"></div>
<input type="text" readonly="readonly" value="clock-o">
</li>
<li>
<div class="icon sf-calendar-o"></div>
<input type="text" readonly="readonly" value="calendar-o">
</li>
<li>
<div class="icon sf-arrow-vertical"></div>
<input type="text" readonly="readonly" value="arrow-vertical">
</li>
<li>
<div class="icon sf-arrow-horizontal"></div>
<input type="text" readonly="readonly" value="arrow-horizontal">
</li>
<li>
<div class="icon sf-repeat"></div>
<input type="text" readonly="readonly" value="repeat">
</li>
<li>
<div class="icon sf-undo"></div>
<input type="text" readonly="readonly" value="undo">
</li>
<li>
<div class="icon sf-calendar-1"></div>
<input type="text" readonly="readonly" value="calendar-1">
</li>
<li>
<div class="icon sf-date"></div>
<input type="text" readonly="readonly" value="date">
</li>
<li>
<div class="icon sf-university"></div>
<input type="text" readonly="readonly" value="university">
</li>
<li>
<div class="icon sf-banknote"></div>
<input type="text" readonly="readonly" value="banknote">
</li>
<li>
<div class="icon sf-receipt-shopping-streamline"></div>
<input type="text" readonly="readonly" value="receipt-shopping-streamline">
</li>
<li>
<div class="icon sf-invoice"></div>
<input type="text" readonly="readonly" value="invoice">
</li>
<li>
<div class="icon sf-settings"></div>
<input type="text" readonly="readonly" value="settings">
</li>
<li>
<div class="icon sf-android-options"></div>
<input type="text" readonly="readonly" value="android-options">
</li>
<li>
<div class="icon sf-ios-toggle"></div>
<input type="text" readonly="readonly" value="ios-toggle">
</li>
<li>
<div class="icon sf-toggle-filled"></div>
<input type="text" readonly="readonly" value="toggle-filled">
</li>
<li>
<div class="icon sf-toggle"></div>
<input type="text" readonly="readonly" value="toggle">
</li>
<li>
<div class="icon sf-email-envelope"></div>
<input type="text" readonly="readonly" value="email-envelope">
</li>
<li>
<div class="icon sf-apple"></div>
<input type="text" readonly="readonly" value="apple">
</li>
<li>
<div class="icon sf-amazon"></div>
<input type="text" readonly="readonly" value="amazon">
</li>
<li>
<div class="icon sf-ambulance"></div>
<input type="text" readonly="readonly" value="ambulance">
</li>
<li>
<div class="icon sf-birthday-cake"></div>
<input type="text" readonly="readonly" value="birthday-cake">
</li>
<li>
<div class="icon sf-calendar-plus-o"></div>
<input type="text" readonly="readonly" value="calendar-plus-o">
</li>
<li>
<div class="icon sf-calendar-times-o"></div>
<input type="text" readonly="readonly" value="calendar-times-o">
</li>
<li>
<div class="icon sf-cart-arrow-down"></div>
<input type="text" readonly="readonly" value="cart-arrow-down">
</li>
<li>
<div class="icon sf-dropbox"></div>
<input type="text" readonly="readonly" value="dropbox">
</li>
<li>
<div class="icon sf-eye"></div>
<input type="text" readonly="readonly" value="eye">
</li>
<li>
<div class="icon sf-eye-slash"></div>
<input type="text" readonly="readonly" value="eye-slash">
</li>
<li>
<div class="icon sf-download"></div>
<input type="text" readonly="readonly" value="download">
</li>
<li>
<div class="icon sf-eraser"></div>
<input type="text" readonly="readonly" value="eraser">
</li>
<li>
<div class="icon sf-fire"></div>
<input type="text" readonly="readonly" value="fire">
</li>
<li>
<div class="icon sf-futbol-o"></div>
<input type="text" readonly="readonly" value="futbol-o">
</li>
<li>
<div class="icon sf-hand-pointer-o"></div>
<input type="text" readonly="readonly" value="hand-pointer-o">
</li>
<li>
<div class="icon sf-hand-paper-o"></div>
<input type="text" readonly="readonly" value="hand-paper-o">
</li>
<li>
<div class="icon sf-hdd-o"></div>
<input type="text" readonly="readonly" value="hdd-o">
</li>
<li>
<div class="icon sf-list-1"></div>
<input type="text" readonly="readonly" value="list-1">
</li>
<li>
<div class="icon sf-medkit"></div>
<input type="text" readonly="readonly" value="medkit">
</li>
<li>
<div class="icon sf-paperclip"></div>
<input type="text" readonly="readonly" value="paperclip">
</li>
<li>
<div class="icon sf-stethoscope"></div>
<input type="text" readonly="readonly" value="stethoscope">
</li>
<li>
<div class="icon sf-suitcase"></div>
<input type="text" readonly="readonly" value="suitcase">
</li>
<li>
<div class="icon sf-sticky-note"></div>
<input type="text" readonly="readonly" value="sticky-note">
</li>
<li>
<div class="icon sf-sticky-note-o"></div>
<input type="text" readonly="readonly" value="sticky-note-o">
</li>
<li>
<div class="icon sf-street-view"></div>
<input type="text" readonly="readonly" value="street-view">
</li>
<li>
<div class="icon sf-subway"></div>
<input type="text" readonly="readonly" value="subway">
</li>
<li>
<div class="icon sf-truck"></div>
<input type="text" readonly="readonly" value="truck">
</li>
<li>
<div class="icon sf-owl-lite"></div>
<input type="text" readonly="readonly" value="owl-lite">
</li>
<li>
<div class="icon sf-mail"></div>
<input type="text" readonly="readonly" value="mail">
</li>
<li>
<div class="icon sf-mail-accept"></div>
<input type="text" readonly="readonly" value="mail-accept">
</li>
<li>
<div class="icon sf-mail-add"></div>
<input type="text" readonly="readonly" value="mail-add">
</li>
<li>
<div class="icon sf-mail-cancel"></div>
<input type="text" readonly="readonly" value="mail-cancel">
</li>
<li>
<div class="icon sf-mail-edit"></div>
<input type="text" readonly="readonly" value="mail-edit">
</li>
<li>
<div class="icon sf-mail-fwd"></div>
<input type="text" readonly="readonly" value="mail-fwd">
</li>
<li>
<div class="icon sf-mail-remove"></div>
<input type="text" readonly="readonly" value="mail-remove">
</li>
<li>
<div class="icon sf-mail-run"></div>
<input type="text" readonly="readonly" value="mail-run">
</li>
<li>
<div class="icon sf-mail-security"></div>
<input type="text" readonly="readonly" value="mail-security">
</li>
<li>
<div class="icon sf-mailbox"></div>
<input type="text" readonly="readonly" value="mailbox">
</li>
<li>
<div class="icon sf-mailbox-down"></div>
<input type="text" readonly="readonly" value="mailbox-down">
</li>
<li>
<div class="icon sf-mailbox-eject"></div>
<input type="text" readonly="readonly" value="mailbox-eject">
</li>
<li>
<div class="icon sf-mailbox-settings"></div>
<input type="text" readonly="readonly" value="mailbox-settings">
</li>
<li>
<div class="icon sf-recent-changes"></div>
<input type="text" readonly="readonly" value="recent-changes">
</li>
<li>
<div class="icon sf-eye-galsses"></div>
<input type="text" readonly="readonly" value="eye-galsses">
</li>
<li>
<div class="icon sf-content-34"></div>
<input type="text" readonly="readonly" value="content-34">
</li>
<li>
<div class="icon sf-content-7"></div>
<input type="text" readonly="readonly" value="content-7">
</li>
<li>
<div class="icon sf-cloud-upload-2"></div>
<input type="text" readonly="readonly" value="cloud-upload-2">
</li>
<li>
<div class="icon sf-cloud-download-2"></div>
<input type="text" readonly="readonly" value="cloud-download-2">
</li>
<li>
<div class="icon sf-cloud-1"></div>
<input type="text" readonly="readonly" value="cloud-1">
</li>
<li>
<div class="icon sf-cloud-sun"></div>
<input type="text" readonly="readonly" value="cloud-sun">
</li>
<li>
<div class="icon sf-clouds-cloudy"></div>
<input type="text" readonly="readonly" value="clouds-cloudy">
</li>
<li>
<div class="icon sf-gift-1"></div>
<input type="text" readonly="readonly" value="gift-1">
</li>
<li>
<div class="icon sf-skype-2"></div>
<input type="text" readonly="readonly" value="skype-2">
</li>
<li>
<div class="icon sf-tag-stroke"></div>
<input type="text" readonly="readonly" value="tag-stroke">
</li>
<li>
<div class="icon sf-tag-fill"></div>
<input type="text" readonly="readonly" value="tag-fill">
</li>
<li>
<div class="icon sf-movie"></div>
<input type="text" readonly="readonly" value="movie">
</li>
<li>
<div class="icon sf-paperclip-1"></div>
<input type="text" readonly="readonly" value="paperclip-1">
</li>
<li>
<div class="icon sf-aim"></div>
<input type="text" readonly="readonly" value="aim">
</li>
<li>
<div class="icon sf-group-full"></div>
<input type="text" readonly="readonly" value="group-full">
</li>
<li>
<div class="icon sf-group-full-add"></div>
<input type="text" readonly="readonly" value="group-full-add">
</li>
<li>
<div class="icon sf-group-full-edit"></div>
<input type="text" readonly="readonly" value="group-full-edit">
</li>
<li>
<div class="icon sf-group-full-remove"></div>
<input type="text" readonly="readonly" value="group-full-remove">
</li>
<li>
<div class="icon sf-group-full-security"></div>
<input type="text" readonly="readonly" value="group-full-security">
</li>
<li>
<div class="icon sf-group-half"></div>
<input type="text" readonly="readonly" value="group-half">
</li>
<li>
<div class="icon sf-images"></div>
<input type="text" readonly="readonly" value="images">
</li>
<li>
<div class="icon sf-art-gallery"></div>
<input type="text" readonly="readonly" value="art-gallery">
</li>
<li>
<div class="icon sf-prohibited"></div>
<input type="text" readonly="readonly" value="prohibited">
</li>
<li>
<div class="icon sf-denied-block"></div>
<input type="text" readonly="readonly" value="denied-block">
</li>
<li>
<div class="icon sf-keyboard-o"></div>
<input type="text" readonly="readonly" value="keyboard-o">
</li>
<li>
<div class="icon sf-hand-o-up"></div>
<input type="text" readonly="readonly" value="hand-o-up">
</li>
<li>
<div class="icon sf-hand-o-right"></div>
<input type="text" readonly="readonly" value="hand-o-right">
</li>
<li>
<div class="icon sf-hand-o-left"></div>
<input type="text" readonly="readonly" value="hand-o-left">
</li>
<li>
<div class="icon sf-hand-o-down"></div>
<input type="text" readonly="readonly" value="hand-o-down">
</li>
<li>
<div class="icon sf-key"></div>
<input type="text" readonly="readonly" value="key">
</li>
<li>
<div class="icon sf-leaf"></div>
<input type="text" readonly="readonly" value="leaf">
</li>
<li>
<div class="icon sf-lemon-o"></div>
<input type="text" readonly="readonly" value="lemon-o">
</li>
<li>
<div class="icon sf-odnoklassniki"></div>
<input type="text" readonly="readonly" value="odnoklassniki">
</li>
<li>
<div class="icon sf-pagelines"></div>
<input type="text" readonly="readonly" value="pagelines">
</li>
<li>
<div class="icon sf-paw"></div>
<input type="text" readonly="readonly" value="paw">
</li>
<li>
<div class="icon sf-paypal"></div>
<input type="text" readonly="readonly" value="paypal">
</li>
<li>
<div class="icon sf-play-circle"></div>
<input type="text" readonly="readonly" value="play-circle">
</li>
<li>
<div class="icon sf-random"></div>
<input type="text" readonly="readonly" value="random">
</li>
<li>
<div class="icon sf-qrcode"></div>
<input type="text" readonly="readonly" value="qrcode">
</li>
<li>
<div class="icon sf-puzzle-piece"></div>
<input type="text" readonly="readonly" value="puzzle-piece">
</li>
<li>
<div class="icon sf-anchor-1"></div>
<input type="text" readonly="readonly" value="anchor-1">
</li>
<li>
<div class="icon sf-fonticons"></div>
<input type="text" readonly="readonly" value="fonticons">
</li>
<li>
<div class="icon sf-ios-football"></div>
<input type="text" readonly="readonly" value="ios-football">
</li>
<li>
<div class="icon sf-burst-sale"></div>
<input type="text" readonly="readonly" value="burst-sale">
</li>
<li>
<div class="icon sf-buy-sign"></div>
<input type="text" readonly="readonly" value="buy-sign">
</li>
<li>
<div class="icon sf-cart-shopping-1"></div>
<input type="text" readonly="readonly" value="cart-shopping-1">
</li>
<li>
<div class="icon sf-credit-card-1"></div>
<input type="text" readonly="readonly" value="credit-card-1">
</li>
<li>
<div class="icon sf-cardiac-pulse"></div>
<input type="text" readonly="readonly" value="cardiac-pulse">
</li>
<li>
<div class="icon sf-caddie-shopping-streamline"></div>
<input type="text" readonly="readonly" value="caddie-shopping-streamline">
</li>
<li>
<div class="icon sf-caddie-shop-shopping-streamline"></div>
<input type="text" readonly="readonly" value="caddie-shop-shopping-streamline">
</li>
<li>
<div class="icon sf-shopping-cart-1"></div>
<input type="text" readonly="readonly" value="shopping-cart-1">
</li>
<li>
<div class="icon sf-bag-1"></div>
<input type="text" readonly="readonly" value="bag-1">
</li>
<li>
<div class="icon sf-share-1"></div>
<input type="text" readonly="readonly" value="share-1">
</li>
<li>
<div class="icon sf-share-2"></div>
<input type="text" readonly="readonly" value="share-2">
</li>
<li>
<div class="icon sf-share-3"></div>
<input type="text" readonly="readonly" value="share-3">
</li>
<li>
<div class="icon sf-ios-people"></div>
<input type="text" readonly="readonly" value="ios-people">
</li>
<li>
<div class="icon sf-person"></div>
<input type="text" readonly="readonly" value="person">
</li>
<li>
<div class="icon sf-person-add"></div>
<input type="text" readonly="readonly" value="person-add">
</li>
<li>
<div class="icon sf-person-stalker"></div>
<input type="text" readonly="readonly" value="person-stalker">
</li>
<li>
<div class="icon sf-user-close-settings"></div>
<input type="text" readonly="readonly" value="user-close-settings">
</li>
<li>
<div class="icon sf-user-close-security"></div>
<input type="text" readonly="readonly" value="user-close-security">
</li>
<li>
<div class="icon sf-user-close"></div>
<input type="text" readonly="readonly" value="user-close">
</li>
<li>
<div class="icon sf-user-close-add"></div>
<input type="text" readonly="readonly" value="user-close-add">
</li>
<li>
<div class="icon sf-user-close-edit"></div>
<input type="text" readonly="readonly" value="user-close-edit">
</li>
<li>
<div class="icon sf-user-close-information"></div>
<input type="text" readonly="readonly" value="user-close-information">
</li>
<li>
<div class="icon sf-user-close-remove"></div>
<input type="text" readonly="readonly" value="user-close-remove">
</li>
<li>
<div class="icon sf-ping"></div>
<input type="text" readonly="readonly" value="ping">
</li>
<li>
<div class="icon sf-garden"></div>
<input type="text" readonly="readonly" value="garden">
</li>
<li>
<div class="icon sf-log-in"></div>
<input type="text" readonly="readonly" value="log-in">
</li>
<li>
<div class="icon sf-log-out"></div>
<input type="text" readonly="readonly" value="log-out">
</li>
<li>
<div class="icon sf-ios-paw"></div>
<input type="text" readonly="readonly" value="ios-paw">
</li>
<li>
<div class="icon sf-foot"></div>
<input type="text" readonly="readonly" value="foot">
</li>
<li>
<div class="icon sf-tag-2"></div>
<input type="text" readonly="readonly" value="tag-2">
</li>
<li>
<div class="icon sf-burst"></div>
<input type="text" readonly="readonly" value="burst">
</li>
<li>
<div class="icon sf-box"></div>
<input type="text" readonly="readonly" value="box">
</li>
<li>
<div class="icon sf-package"></div>
<input type="text" readonly="readonly" value="package">
</li>
<li>
<div class="icon sf-carton-milk"></div>
<input type="text" readonly="readonly" value="carton-milk">
</li>
<li>
<div class="icon sf-pin-2"></div>
<input type="text" readonly="readonly" value="pin-2">
</li>
<li>
<div class="icon sf-pin-filled"></div>
<input type="text" readonly="readonly" value="pin-filled">
</li>
<li>
<div class="icon sf-favorite-map-pin"></div>
<input type="text" readonly="readonly" value="favorite-map-pin">
</li>
<li>
<div class="icon sf-ios-monitor"></div>
<input type="text" readonly="readonly" value="ios-monitor">
</li>
<li>
<div class="icon sf-ios-monitor-outline"></div>
<input type="text" readonly="readonly" value="ios-monitor-outline">
</li>
<li>
<div class="icon sf-monitor-screen-1"></div>
<input type="text" readonly="readonly" value="monitor-screen-1">
</li>
<li>
<div class="icon sf-social-windows"></div>
<input type="text" readonly="readonly" value="social-windows">
</li>
<li>
<div class="icon sf-social-apple"></div>
<input type="text" readonly="readonly" value="social-apple">
</li>
<li>
<div class="icon sf-prize-award"></div>
<input type="text" readonly="readonly" value="prize-award">
</li>
<li>
<div class="icon sf-award-stroke"></div>
<input type="text" readonly="readonly" value="award-stroke">
</li>
<li>
<div class="icon sf-award-fill"></div>
<input type="text" readonly="readonly" value="award-fill">
</li>
<li>
<div class="icon sf-caret-square-up"></div>
<input type="text" readonly="readonly" value="caret-square-up">
</li>
<li>
<div class="icon sf-checkbox"></div>
<input type="text" readonly="readonly" value="checkbox">
</li>
<li>
<div class="icon sf-chart-graph-file-1"></div>
<input type="text" readonly="readonly" value="chart-graph-file-1">
</li>
<li>
<div class="icon sf-bar-chart-1"></div>
<input type="text" readonly="readonly" value="bar-chart-1">
</li>
<li>
<div class="icon sf-bullseye"></div>
<input type="text" readonly="readonly" value="bullseye">
</li>
<li>
<div class="icon sf-codepen"></div>
<input type="text" readonly="readonly" value="codepen">
</li>
<li>
<div class="icon sf-connectdevelop"></div>
<input type="text" readonly="readonly" value="connectdevelop">
</li>
<li>
<div class="icon sf-columns"></div>
<input type="text" readonly="readonly" value="columns">
</li>
<li>
<div class="icon sf-cube"></div>
<input type="text" readonly="readonly" value="cube">
</li>
<li>
<div class="icon sf-cubes"></div>
<input type="text" readonly="readonly" value="cubes">
</li>
<li>
<div class="icon sf-fire-extinguisher"></div>
<input type="text" readonly="readonly" value="fire-extinguisher">
</li>
<li>
<div class="icon sf-pause"></div>
<input type="text" readonly="readonly" value="pause">
</li>
<li>
<div class="icon sf-share-4"></div>
<input type="text" readonly="readonly" value="share-4">
</li>
<li>
<div class="icon sf-reply"></div>
<input type="text" readonly="readonly" value="reply">
</li>
<li>
<div class="icon sf-reply-all"></div>
<input type="text" readonly="readonly" value="reply-all">
</li>
<li>
<div class="icon sf-ticket"></div>
<input type="text" readonly="readonly" value="ticket">
</li>
<li>
<div class="icon sf-clock"></div>
<input type="text" readonly="readonly" value="clock">
</li>
<li>
<div class="icon sf-screen"></div>
<input type="text" readonly="readonly" value="screen">
</li>
<li>
<div class="icon sf-settings-1"></div>
<input type="text" readonly="readonly" value="settings-1">
</li>
<li>
<div class="icon sf-in"></div>
<input type="text" readonly="readonly" value="in">
</li>
<li>
<div class="icon sf-in-alt"></div>
<input type="text" readonly="readonly" value="in-alt">
</li>
<li>
<div class="icon sf-trash-alt"></div>
<input type="text" readonly="readonly" value="trash-alt">
</li>
<li>
<div class="icon sf-cloud-2"></div>
<input type="text" readonly="readonly" value="cloud-2">
</li>
<li>
<div class="icon sf-grid-1"></div>
<input type="text" readonly="readonly" value="grid-1">
</li>
<li>
<div class="icon sf-googleplus"></div>
<input type="text" readonly="readonly" value="googleplus">
</li>
<li>
<div class="icon sf-grid-alt"></div>
<input type="text" readonly="readonly" value="grid-alt">
</li>
<li>
<div class="icon sf-hyperlink"></div>
<input type="text" readonly="readonly" value="hyperlink">
</li>
<li>
<div class="icon sf-windows-2"></div>
<input type="text" readonly="readonly" value="windows-2">
</li>
<li>
<div class="icon sf-internet"></div>
<input type="text" readonly="readonly" value="internet">
</li>
<li>
<div class="icon sf-server-accept"></div>
<input type="text" readonly="readonly" value="server-accept">
</li>
<li>
<div class="icon sf-tab"></div>
<input type="text" readonly="readonly" value="tab">
</li>
<li>
<div class="icon sf-xml"></div>
<input type="text" readonly="readonly" value="xml">
</li>
<li>
<div class="icon sf-user-profile"></div>
<input type="text" readonly="readonly" value="user-profile">
</li>
<li>
<div class="icon sf-laptop-1"></div>
<input type="text" readonly="readonly" value="laptop-1">
</li>
<li>
<div class="icon sf-campfire"></div>
<input type="text" readonly="readonly" value="campfire">
</li>
<li>
<div class="icon sf-camera-surveillance-1"></div>
<input type="text" readonly="readonly" value="camera-surveillance-1">
</li>
<li>
<div class="icon sf-camera-video-3"></div>
<input type="text" readonly="readonly" value="camera-video-3">
</li>
<li>
<div class="icon sf-cup-2"></div>
<input type="text" readonly="readonly" value="cup-2">
</li>
<li>
<div class="icon sf-crhistmas-spruce-tree"></div>
<input type="text" readonly="readonly" value="crhistmas-spruce-tree">
</li>
<li>
<div class="icon sf-hand-stop"></div>
<input type="text" readonly="readonly" value="hand-stop">
</li>
<li>
<div class="icon sf-hand-hold"></div>
<input type="text" readonly="readonly" value="hand-hold">
</li>
<li>
<div class="icon sf-hat-magician"></div>
<input type="text" readonly="readonly" value="hat-magician">
</li>
<li>
<div class="icon sf-hospital"></div>
<input type="text" readonly="readonly" value="hospital">
</li>
<li>
<div class="icon sf-magnet"></div>
<input type="text" readonly="readonly" value="magnet">
</li>
<li>
<div class="icon sf-tree-1"></div>
<input type="text" readonly="readonly" value="tree-1">
</li>
<li>
<div class="icon sf-television-tv"></div>
<input type="text" readonly="readonly" value="television-tv">
</li>
<li>
<div class="icon sf-wallet-money"></div>
<input type="text" readonly="readonly" value="wallet-money">
</li>
<li>
<div class="icon sf-rocket-1"></div>
<input type="text" readonly="readonly" value="rocket-1">
</li>
<li>
<div class="icon sf-radar-2"></div>
<input type="text" readonly="readonly" value="radar-2">
</li>
<li>
<div class="icon sf-plus-zoom"></div>
<input type="text" readonly="readonly" value="plus-zoom">
</li>
<li>
<div class="icon sf-minus-zoom"></div>
<input type="text" readonly="readonly" value="minus-zoom">
</li>
<li>
<div class="icon sf-phone-1"></div>
<input type="text" readonly="readonly" value="phone-1">
</li>
<li>
<div class="icon sf-back-in-time"></div>
<input type="text" readonly="readonly" value="back-in-time">
</li>
<li>
<div class="icon sf-flashlight"></div>
<input type="text" readonly="readonly" value="flashlight">
</li>
<li>
<div class="icon sf-hourglass-1"></div>
<input type="text" readonly="readonly" value="hourglass-1">
</li>
<li>
<div class="icon sf-graduation-cap-1"></div>
<input type="text" readonly="readonly" value="graduation-cap-1">
</li>
<li>
<div class="icon sf-mic-1"></div>
<input type="text" readonly="readonly" value="mic-1">
</li>
<li>
<div class="icon sf-picture"></div>
<input type="text" readonly="readonly" value="picture">
</li>
<li>
<div class="icon sf-quote"></div>
<input type="text" readonly="readonly" value="quote">
</li>
<li>
<div class="icon sf-shuffle"></div>
<input type="text" readonly="readonly" value="shuffle">
</li>
<li>
<div class="icon sf-fork"></div>
<input type="text" readonly="readonly" value="fork">
</li>
<li>
<div class="icon sf-article"></div>
<input type="text" readonly="readonly" value="article">
</li>
<li>
<div class="icon sf-list-2"></div>
<input type="text" readonly="readonly" value="list-2">
</li>
<li>
<div class="icon sf-trash-can"></div>
<input type="text" readonly="readonly" value="trash-can">
</li>
<li>
<div class="icon sf-star-3"></div>
<input type="text" readonly="readonly" value="star-3">
</li>
<li>
<div class="icon sf-star-empty"></div>
<input type="text" readonly="readonly" value="star-empty">
</li>
<li>
<div class="icon sf-star-half-1"></div>
<input type="text" readonly="readonly" value="star-half-1">
</li>
<li>
<div class="icon sf-barbell"></div>
<input type="text" readonly="readonly" value="barbell">
</li>
<li>
<div class="icon sf-character"></div>
<input type="text" readonly="readonly" value="character">
</li>
<li>
<div class="icon sf-heart-3"></div>
<input type="text" readonly="readonly" value="heart-3">
</li>
<li>
<div class="icon sf-shop"></div>
<input type="text" readonly="readonly" value="shop">
</li>
<li>
<div class="icon sf-truck-1"></div>
<input type="text" readonly="readonly" value="truck-1">
</li>
<li>
<div class="icon sf-study"></div>
<input type="text" readonly="readonly" value="study">
</li>
<li>
<div class="icon sf-n-a"></div>
<input type="text" readonly="readonly" value="n-a">
</li>
<li>
<div class="icon sf-cloud-1-1"></div>
<input type="text" readonly="readonly" value="cloud-1-1">
</li>
<li>
<div class="icon sf-cloud-2-1"></div>
<input type="text" readonly="readonly" value="cloud-2-1">
</li>
<li>
<div class="icon sf-cloud-moon"></div>
<input type="text" readonly="readonly" value="cloud-moon">
</li>
<li>
<div class="icon sf-cloud-sun-1"></div>
<input type="text" readonly="readonly" value="cloud-sun-1">
</li>
<li>
<div class="icon sf-fog-sunrise"></div>
<input type="text" readonly="readonly" value="fog-sunrise">
</li>
<li>
<div class="icon sf-hail"></div>
<input type="text" readonly="readonly" value="hail">
</li>
<li>
<div class="icon sf-lightning-1"></div>
<input type="text" readonly="readonly" value="lightning-1">
</li>
<li>
<div class="icon sf-rain-1"></div>
<input type="text" readonly="readonly" value="rain-1">
</li>
<li>
<div class="icon sf-rain-2"></div>
<input type="text" readonly="readonly" value="rain-2">
</li>
<li>
<div class="icon sf-snow-1"></div>
<input type="text" readonly="readonly" value="snow-1">
</li>
<li>
<div class="icon sf-snow-2"></div>
<input type="text" readonly="readonly" value="snow-2">
</li>
<li>
<div class="icon sf-snow-4"></div>
<input type="text" readonly="readonly" value="snow-4">
</li>
<li>
<div class="icon sf-wind-rain"></div>
<input type="text" readonly="readonly" value="wind-rain">
</li>
<li>
<div class="icon sf-wind-cloud"></div>
<input type="text" readonly="readonly" value="wind-cloud">
</li>
<li>
<div class="icon sf-sunrise"></div>
<input type="text" readonly="readonly" value="sunrise">
</li>
<li>
<div class="icon sf-sun-half"></div>
<input type="text" readonly="readonly" value="sun-half">
</li>
<li>
<div class="icon sf-fog-moon"></div>
<input type="text" readonly="readonly" value="fog-moon">
</li>
<li>
<div class="icon sf-fog-sun"></div>
<input type="text" readonly="readonly" value="fog-sun">
</li>
<li>
<div class="icon sf-compass"></div>
<input type="text" readonly="readonly" value="compass">
</li>
<li>
<div class="icon sf-browser"></div>
<input type="text" readonly="readonly" value="browser">
</li>
<li>
<div class="icon sf-calendar-2"></div>
<input type="text" readonly="readonly" value="calendar-2">
</li>
<li>
<div class="icon sf-zoo"></div>
<input type="text" readonly="readonly" value="zoo">
</li>
<li>
<div class="icon sf-swimming"></div>
<input type="text" readonly="readonly" value="swimming">
</li>
<li>
<div class="icon sf-toilets"></div>
<input type="text" readonly="readonly" value="toilets">
</li>
<li>
<div class="icon sf-hierarchy"></div>
<input type="text" readonly="readonly" value="hierarchy">
</li>
<li>
<div class="icon sf-paypal-1"></div>
<input type="text" readonly="readonly" value="paypal-1">
</li>
</ul>
<h2>Character mapping</h2>
<ul class="glyphs character-mapping">
<li>
<div data-icon="a" class="icon"></div>
<input type="text" readonly="readonly" value="a">
</li>
<li>
<div data-icon="b" class="icon"></div>
<input type="text" readonly="readonly" value="b">
</li>
<li>
<div data-icon="c" class="icon"></div>
<input type="text" readonly="readonly" value="c">
</li>
<li>
<div data-icon="d" class="icon"></div>
<input type="text" readonly="readonly" value="d">
</li>
<li>
<div data-icon="e" class="icon"></div>
<input type="text" readonly="readonly" value="e">
</li>
<li>
<div data-icon="f" class="icon"></div>
<input type="text" readonly="readonly" value="f">
</li>
<li>
<div data-icon="g" class="icon"></div>
<input type="text" readonly="readonly" value="g">
</li>
<li>
<div data-icon="h" class="icon"></div>
<input type="text" readonly="readonly" value="h">
</li>
<li>
<div data-icon="i" class="icon"></div>
<input type="text" readonly="readonly" value="i">
</li>
<li>
<div data-icon="j" class="icon"></div>
<input type="text" readonly="readonly" value="j">
</li>
<li>
<div data-icon="o" class="icon"></div>
<input type="text" readonly="readonly" value="o">
</li>
<li>
<div data-icon="p" class="icon"></div>
<input type="text" readonly="readonly" value="p">
</li>
<li>
<div data-icon="k" class="icon"></div>
<input type="text" readonly="readonly" value="k">
</li>
<li>
<div data-icon="l" class="icon"></div>
<input type="text" readonly="readonly" value="l">
</li>
<li>
<div data-icon="m" class="icon"></div>
<input type="text" readonly="readonly" value="m">
</li>
<li>
<div data-icon="n" class="icon"></div>
<input type="text" readonly="readonly" value="n">
</li>
<li>
<div data-icon="q" class="icon"></div>
<input type="text" readonly="readonly" value="q">
</li>
<li>
<div data-icon="r" class="icon"></div>
<input type="text" readonly="readonly" value="r">
</li>
<li>
<div data-icon="s" class="icon"></div>
<input type="text" readonly="readonly" value="s">
</li>
<li>
<div data-icon="t" class="icon"></div>
<input type="text" readonly="readonly" value="t">
</li>
<li>
<div data-icon="u" class="icon"></div>
<input type="text" readonly="readonly" value="u">
</li>
<li>
<div data-icon="v" class="icon"></div>
<input type="text" readonly="readonly" value="v">
</li>
<li>
<div data-icon="w" class="icon"></div>
<input type="text" readonly="readonly" value="w">
</li>
<li>
<div data-icon="x" class="icon"></div>
<input type="text" readonly="readonly" value="x">
</li>
<li>
<div data-icon="y" class="icon"></div>
<input type="text" readonly="readonly" value="y">
</li>
<li>
<div data-icon="z" class="icon"></div>
<input type="text" readonly="readonly" value="z">
</li>
<li>
<div data-icon="A" class="icon"></div>
<input type="text" readonly="readonly" value="A">
</li>
<li>
<div data-icon="B" class="icon"></div>
<input type="text" readonly="readonly" value="B">
</li>
<li>
<div data-icon="C" class="icon"></div>
<input type="text" readonly="readonly" value="C">
</li>
<li>
<div data-icon="D" class="icon"></div>
<input type="text" readonly="readonly" value="D">
</li>
<li>
<div data-icon="E" class="icon"></div>
<input type="text" readonly="readonly" value="E">
</li>
<li>
<div data-icon="F" class="icon"></div>
<input type="text" readonly="readonly" value="F">
</li>
<li>
<div data-icon="G" class="icon"></div>
<input type="text" readonly="readonly" value="G">
</li>
<li>
<div data-icon="H" class="icon"></div>
<input type="text" readonly="readonly" value="H">
</li>
<li>
<div data-icon="I" class="icon"></div>
<input type="text" readonly="readonly" value="I">
</li>
<li>
<div data-icon="J" class="icon"></div>
<input type="text" readonly="readonly" value="J">
</li>
<li>
<div data-icon="K" class="icon"></div>
<input type="text" readonly="readonly" value="K">
</li>
<li>
<div data-icon="L" class="icon"></div>
<input type="text" readonly="readonly" value="L">
</li>
<li>
<div data-icon="M" class="icon"></div>
<input type="text" readonly="readonly" value="M">
</li>
<li>
<div data-icon="N" class="icon"></div>
<input type="text" readonly="readonly" value="N">
</li>
<li>
<div data-icon="O" class="icon"></div>
<input type="text" readonly="readonly" value="O">
</li>
<li>
<div data-icon="P" class="icon"></div>
<input type="text" readonly="readonly" value="P">
</li>
<li>
<div data-icon="Q" class="icon"></div>
<input type="text" readonly="readonly" value="Q">
</li>
<li>
<div data-icon="R" class="icon"></div>
<input type="text" readonly="readonly" value="R">
</li>
<li>
<div data-icon="S" class="icon"></div>
<input type="text" readonly="readonly" value="S">
</li>
<li>
<div data-icon="T" class="icon"></div>
<input type="text" readonly="readonly" value="T">
</li>
<li>
<div data-icon="U" class="icon"></div>
<input type="text" readonly="readonly" value="U">
</li>
<li>
<div data-icon="V" class="icon"></div>
<input type="text" readonly="readonly" value="V">
</li>
<li>
<div data-icon="W" class="icon"></div>
<input type="text" readonly="readonly" value="W">
</li>
<li>
<div data-icon="X" class="icon"></div>
<input type="text" readonly="readonly" value="X">
</li>
<li>
<div data-icon="Y" class="icon"></div>
<input type="text" readonly="readonly" value="Y">
</li>
<li>
<div data-icon="Z" class="icon"></div>
<input type="text" readonly="readonly" value="Z">
</li>
<li>
<div data-icon="0" class="icon"></div>
<input type="text" readonly="readonly" value="0">
</li>
<li>
<div data-icon="1" class="icon"></div>
<input type="text" readonly="readonly" value="1">
</li>
<li>
<div data-icon="2" class="icon"></div>
<input type="text" readonly="readonly" value="2">
</li>
<li>
<div data-icon="3" class="icon"></div>
<input type="text" readonly="readonly" value="3">
</li>
<li>
<div data-icon="4" class="icon"></div>
<input type="text" readonly="readonly" value="4">
</li>
<li>
<div data-icon="5" class="icon"></div>
<input type="text" readonly="readonly" value="5">
</li>
<li>
<div data-icon="6" class="icon"></div>
<input type="text" readonly="readonly" value="6">
</li>
<li>
<div data-icon="7" class="icon"></div>
<input type="text" readonly="readonly" value="7">
</li>
<li>
<div data-icon="8" class="icon"></div>
<input type="text" readonly="readonly" value="8">
</li>
<li>
<div data-icon="9" class="icon"></div>
<input type="text" readonly="readonly" value="9">
</li>
<li>
<div data-icon="!" class="icon"></div>
<input type="text" readonly="readonly" value="!">
</li>
<li>
<div data-icon=""" class="icon"></div>
<input type="text" readonly="readonly" value=""">
</li>
<li>
<div data-icon="#" class="icon"></div>
<input type="text" readonly="readonly" value="#">
</li>
<li>
<div data-icon="$" class="icon"></div>
<input type="text" readonly="readonly" value="$">
</li>
<li>
<div data-icon="%" class="icon"></div>
<input type="text" readonly="readonly" value="%">
</li>
<li>
<div data-icon="&" class="icon"></div>
<input type="text" readonly="readonly" value="&">
</li>
<li>
<div data-icon="'" class="icon"></div>
<input type="text" readonly="readonly" value="'">
</li>
<li>
<div data-icon="(" class="icon"></div>
<input type="text" readonly="readonly" value="(">
</li>
<li>
<div data-icon=")" class="icon"></div>
<input type="text" readonly="readonly" value=")">
</li>
<li>
<div data-icon="*" class="icon"></div>
<input type="text" readonly="readonly" value="*">
</li>
<li>
<div data-icon="+" class="icon"></div>
<input type="text" readonly="readonly" value="+">
</li>
<li>
<div data-icon="," class="icon"></div>
<input type="text" readonly="readonly" value=",">
</li>
<li>
<div data-icon="-" class="icon"></div>
<input type="text" readonly="readonly" value="-">
</li>
<li>
<div data-icon="." class="icon"></div>
<input type="text" readonly="readonly" value=".">
</li>
<li>
<div data-icon="/" class="icon"></div>
<input type="text" readonly="readonly" value="/">
</li>
<li>
<div data-icon=":" class="icon"></div>
<input type="text" readonly="readonly" value=":">
</li>
<li>
<div data-icon=";" class="icon"></div>
<input type="text" readonly="readonly" value=";">
</li>
<li>
<div data-icon="<" class="icon"></div>
<input type="text" readonly="readonly" value="<">
</li>
<li>
<div data-icon="=" class="icon"></div>
<input type="text" readonly="readonly" value="=">
</li>
<li>
<div data-icon=">" class="icon"></div>
<input type="text" readonly="readonly" value=">">
</li>
<li>
<div data-icon="?" class="icon"></div>
<input type="text" readonly="readonly" value="?">
</li>
<li>
<div data-icon="@" class="icon"></div>
<input type="text" readonly="readonly" value="@">
</li>
<li>
<div data-icon="[" class="icon"></div>
<input type="text" readonly="readonly" value="[">
</li>
<li>
<div data-icon="]" class="icon"></div>
<input type="text" readonly="readonly" value="]">
</li>
<li>
<div data-icon="^" class="icon"></div>
<input type="text" readonly="readonly" value="^">
</li>
<li>
<div data-icon="_" class="icon"></div>
<input type="text" readonly="readonly" value="_">
</li>
<li>
<div data-icon="`" class="icon"></div>
<input type="text" readonly="readonly" value="`">
</li>
<li>
<div data-icon="{" class="icon"></div>
<input type="text" readonly="readonly" value="{">
</li>
<li>
<div data-icon="|" class="icon"></div>
<input type="text" readonly="readonly" value="|">
</li>
<li>
<div data-icon="}" class="icon"></div>
<input type="text" readonly="readonly" value="}">
</li>
<li>
<div data-icon="~" class="icon"></div>
<input type="text" readonly="readonly" value="~">
</li>
<li>
<div data-icon="\" class="icon"></div>
<input type="text" readonly="readonly" value="\">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe000;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe001;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe002;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe003;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe004;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe005;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe006;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe007;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe008;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe009;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe00a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe00b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe00c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe00d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe00e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe00f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe010;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe011;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe012;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe013;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe014;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe015;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe016;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe017;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe018;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe019;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe01a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe01b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe01c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe01d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe01e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe01f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe020;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe021;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe022;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe023;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe024;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe025;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe026;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe027;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe028;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe029;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe02a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe02b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe02c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe02d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe02e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe02f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe030;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe031;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe032;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe033;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe034;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe035;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe036;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe038;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe037;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe039;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe03a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe03b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe03c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe03d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe03e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe03f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe040;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe041;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe042;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe043;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe044;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe045;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe046;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe047;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe048;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe049;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe04a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe04b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe04c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe04d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe04e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe04f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe050;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe051;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe052;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe053;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe054;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe055;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe056;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe057;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe058;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe059;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe05a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe05b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe05c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe05d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe05e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe05f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe060;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe061;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe062;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe063;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe064;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe065;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe066;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe067;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe068;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe069;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe06a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe06b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe06c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe06d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe06e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe06f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe070;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe071;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe072;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe073;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe074;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe075;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe076;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe077;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe078;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe079;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe07a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe07b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe07c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe07d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe07e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe07f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe080;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe081;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe082;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe083;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe084;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe085;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe086;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe087;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe088;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe089;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe08a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe08b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe08c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe08d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe08e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe08f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe090;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe091;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe092;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe093;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe094;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe095;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe096;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe097;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe098;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe099;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe09a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe09b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe09c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe09d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe09e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe09f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0a9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0aa;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ab;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ac;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ad;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ae;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0af;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0b9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ba;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0bb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0bc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0bd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0be;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0bf;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0c9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ca;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0cb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0cc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0cd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ce;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0cf;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0d9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0da;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0db;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0dc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0dd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0de;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0df;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0e9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ea;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0eb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ec;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ed;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ee;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ef;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0f9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0fa;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0fb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0fc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0fd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0fe;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe0ff;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe100;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe101;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe102;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe103;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe104;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe105;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe106;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe107;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe108;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe109;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe10a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe10b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe10c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe10d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe10e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe10f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe110;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe111;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe112;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe113;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe114;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe115;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe116;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe118;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe119;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe11a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe11b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe11c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe11d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe11e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe11f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe120;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe121;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe122;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe123;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe124;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe125;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe126;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe127;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe128;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe129;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe12a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe12b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe12c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe12d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe12e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe12f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe130;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe131;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe132;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe133;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe134;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe135;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe136;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe137;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe138;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe139;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe13a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe13b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe13c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe13d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe13e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe13f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe141;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe142;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe143;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe144;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe145;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe146;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe147;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe148;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe149;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe14a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe14b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe14c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe14d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe14e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe14f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe150;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe151;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe152;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe153;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe154;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe155;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe156;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe157;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe158;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe159;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe15a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe15b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe15c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe15d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe15e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe15f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe160;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe161;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe162;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe163;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe164;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe165;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe166;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe167;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe168;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe169;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe16a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe16b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe16c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe16d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe16e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe16f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe170;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe171;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe172;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe173;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe174;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe175;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe176;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe177;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe178;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe179;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe17a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe17b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe17c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe17e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe17f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe180;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe181;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe182;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe183;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe184;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe185;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe186;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe187;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe188;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe189;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe18a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe18b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe18c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe18d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe18e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe18f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe17d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe190;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe191;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe192;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe193;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe194;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe195;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe196;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe197;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe117;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe140;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe198;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe199;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe19a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe19b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe19c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe19d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe19e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe19f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1a9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1aa;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ab;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ac;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ad;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ae;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1af;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1b9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ba;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1bb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1bc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1bd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1be;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1bf;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1c9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ca;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1cb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1cc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1cd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ce;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1cf;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1d9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1da;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1db;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1dc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1dd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1de;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1df;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1e9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ea;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1eb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ec;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ed;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ee;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ef;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f0;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f1;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f2;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f3;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f4;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f5;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f6;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f7;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f8;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1f9;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1fa;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1fb;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1fc;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1fd;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1fe;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe1ff;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe200;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe201;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe202;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe203;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe204;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe205;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe206;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe207;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe208;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe209;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe20a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe20b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe20c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe20d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe20e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe20f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe210;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe211;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe212;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe213;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe214;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe215;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe216;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe217;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe218;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe219;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe21a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe21b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe21c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe21d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe21e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe21f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe220;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe221;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe222;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe223;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe224;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe225;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe226;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe227;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe228;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe229;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe22a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe22b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe22c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe22d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe22e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe22f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe230;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe231;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe232;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe233;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe234;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe235;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe236;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe237;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe238;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe239;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe23a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe23b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe23c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe23d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe23e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe23f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe240;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe241;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe242;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe243;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe244;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe245;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe246;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe247;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe248;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe249;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe24a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe24b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe24c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe24d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe24e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe24f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe250;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe251;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe252;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe253;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe254;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe255;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe256;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe257;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe258;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe259;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe25a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe25b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe25c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe25d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe25e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe25f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe260;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe261;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe262;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe263;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe264;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe265;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe266;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe267;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe268;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe269;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe26a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe26b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe26c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe26d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe26e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe26f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe270;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe271;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe272;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe273;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe274;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe276;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe277;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe278;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe279;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe27a;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe27b;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe27c;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe27d;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe27e;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe27f;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe280;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe281;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe275;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe282;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe283;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe284;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe285;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe286;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe287;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe288;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe289;">
</li>
<li>
<div data-icon="" class="icon"></div>
<input type="text" readonly="readonly" value="&#xe28a;">
</li>
</ul>
</div>
<script>(function() {
var glyphs, i, len, ref;
ref = document.getElementsByClassName('glyphs');
for (i = 0, len = ref.length; i < len; i++) {
glyphs = ref[i];
glyphs.addEventListener('click', function(event) {
if (event.target.tagName === 'INPUT') {
return event.target.select();
}
});
}
}).call(this);
</script>
</body>
</html>