UNPKG

siftal

Version:

CSS Framework, not bad ;)

6,000 lines • 224 kB
<!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="&#34;" class="icon"></div>
          <input type="text" readonly="readonly" value="&quot;">
        </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="&amp;">
        </li>
        <li>
          <div data-icon="'" class="icon"></div>
          <input type="text" readonly="readonly" value="&#39;">
        </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="&lt;">
        </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="&gt;">
        </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="&#xe000;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe000;">
        </li>
        <li>
          <div data-icon="&#xe001;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe001;">
        </li>
        <li>
          <div data-icon="&#xe002;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe002;">
        </li>
        <li>
          <div data-icon="&#xe003;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe003;">
        </li>
        <li>
          <div data-icon="&#xe004;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe004;">
        </li>
        <li>
          <div data-icon="&#xe005;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe005;">
        </li>
        <li>
          <div data-icon="&#xe006;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe006;">
        </li>
        <li>
          <div data-icon="&#xe007;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe007;">
        </li>
        <li>
          <div data-icon="&#xe008;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe008;">
        </li>
        <li>
          <div data-icon="&#xe009;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe009;">
        </li>
        <li>
          <div data-icon="&#xe00a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00a;">
        </li>
        <li>
          <div data-icon="&#xe00b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00b;">
        </li>
        <li>
          <div data-icon="&#xe00c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00c;">
        </li>
        <li>
          <div data-icon="&#xe00d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00d;">
        </li>
        <li>
          <div data-icon="&#xe00e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00e;">
        </li>
        <li>
          <div data-icon="&#xe00f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00f;">
        </li>
        <li>
          <div data-icon="&#xe010;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe010;">
        </li>
        <li>
          <div data-icon="&#xe011;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe011;">
        </li>
        <li>
          <div data-icon="&#xe012;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe012;">
        </li>
        <li>
          <div data-icon="&#xe013;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe013;">
        </li>
        <li>
          <div data-icon="&#xe014;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe014;">
        </li>
        <li>
          <div data-icon="&#xe015;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe015;">
        </li>
        <li>
          <div data-icon="&#xe016;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe016;">
        </li>
        <li>
          <div data-icon="&#xe017;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe017;">
        </li>
        <li>
          <div data-icon="&#xe018;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe018;">
        </li>
        <li>
          <div data-icon="&#xe019;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe019;">
        </li>
        <li>
          <div data-icon="&#xe01a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01a;">
        </li>
        <li>
          <div data-icon="&#xe01b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01b;">
        </li>
        <li>
          <div data-icon="&#xe01c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01c;">
        </li>
        <li>
          <div data-icon="&#xe01d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01d;">
        </li>
        <li>
          <div data-icon="&#xe01e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01e;">
        </li>
        <li>
          <div data-icon="&#xe01f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01f;">
        </li>
        <li>
          <div data-icon="&#xe020;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe020;">
        </li>
        <li>
          <div data-icon="&#xe021;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe021;">
        </li>
        <li>
          <div data-icon="&#xe022;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe022;">
        </li>
        <li>
          <div data-icon="&#xe023;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe023;">
        </li>
        <li>
          <div data-icon="&#xe024;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe024;">
        </li>
        <li>
          <div data-icon="&#xe025;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe025;">
        </li>
        <li>
          <div data-icon="&#xe026;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe026;">
        </li>
        <li>
          <div data-icon="&#xe027;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe027;">
        </li>
        <li>
          <div data-icon="&#xe028;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe028;">
        </li>
        <li>
          <div data-icon="&#xe029;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe029;">
        </li>
        <li>
          <div data-icon="&#xe02a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02a;">
        </li>
        <li>
          <div data-icon="&#xe02b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02b;">
        </li>
        <li>
          <div data-icon="&#xe02c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02c;">
        </li>
        <li>
          <div data-icon="&#xe02d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02d;">
        </li>
        <li>
          <div data-icon="&#xe02e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02e;">
        </li>
        <li>
          <div data-icon="&#xe02f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02f;">
        </li>
        <li>
          <div data-icon="&#xe030;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe030;">
        </li>
        <li>
          <div data-icon="&#xe031;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe031;">
        </li>
        <li>
          <div data-icon="&#xe032;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe032;">
        </li>
        <li>
          <div data-icon="&#xe033;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe033;">
        </li>
        <li>
          <div data-icon="&#xe034;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe034;">
        </li>
        <li>
          <div data-icon="&#xe035;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe035;">
        </li>
        <li>
          <div data-icon="&#xe036;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe036;">
        </li>
        <li>
          <div data-icon="&#xe038;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe038;">
        </li>
        <li>
          <div data-icon="&#xe037;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe037;">
        </li>
        <li>
          <div data-icon="&#xe039;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe039;">
        </li>
        <li>
          <div data-icon="&#xe03a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03a;">
        </li>
        <li>
          <div data-icon="&#xe03b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03b;">
        </li>
        <li>
          <div data-icon="&#xe03c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03c;">
        </li>
        <li>
          <div data-icon="&#xe03d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03d;">
        </li>
        <li>
          <div data-icon="&#xe03e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03e;">
        </li>
        <li>
          <div data-icon="&#xe03f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03f;">
        </li>
        <li>
          <div data-icon="&#xe040;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe040;">
        </li>
        <li>
          <div data-icon="&#xe041;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe041;">
        </li>
        <li>
          <div data-icon="&#xe042;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe042;">
        </li>
        <li>
          <div data-icon="&#xe043;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe043;">
        </li>
        <li>
          <div data-icon="&#xe044;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe044;">
        </li>
        <li>
          <div data-icon="&#xe045;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe045;">
        </li>
        <li>
          <div data-icon="&#xe046;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe046;">
        </li>
        <li>
          <div data-icon="&#xe047;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe047;">
        </li>
        <li>
          <div data-icon="&#xe048;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe048;">
        </li>
        <li>
          <div data-icon="&#xe049;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe049;">
        </li>
        <li>
          <div data-icon="&#xe04a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04a;">
        </li>
        <li>
          <div data-icon="&#xe04b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04b;">
        </li>
        <li>
          <div data-icon="&#xe04c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04c;">
        </li>
        <li>
          <div data-icon="&#xe04d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04d;">
        </li>
        <li>
          <div data-icon="&#xe04e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04e;">
        </li>
        <li>
          <div data-icon="&#xe04f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04f;">
        </li>
        <li>
          <div data-icon="&#xe050;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe050;">
        </li>
        <li>
          <div data-icon="&#xe051;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe051;">
        </li>
        <li>
          <div data-icon="&#xe052;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe052;">
        </li>
        <li>
          <div data-icon="&#xe053;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe053;">
        </li>
        <li>
          <div data-icon="&#xe054;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe054;">
        </li>
        <li>
          <div data-icon="&#xe055;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe055;">
        </li>
        <li>
          <div data-icon="&#xe056;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe056;">
        </li>
        <li>
          <div data-icon="&#xe057;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe057;">
        </li>
        <li>
          <div data-icon="&#xe058;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe058;">
        </li>
        <li>
          <div data-icon="&#xe059;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe059;">
        </li>
        <li>
          <div data-icon="&#xe05a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05a;">
        </li>
        <li>
          <div data-icon="&#xe05b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05b;">
        </li>
        <li>
          <div data-icon="&#xe05c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05c;">
        </li>
        <li>
          <div data-icon="&#xe05d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05d;">
        </li>
        <li>
          <div data-icon="&#xe05e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05e;">
        </li>
        <li>
          <div data-icon="&#xe05f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05f;">
        </li>
        <li>
          <div data-icon="&#xe060;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe060;">
        </li>
        <li>
          <div data-icon="&#xe061;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe061;">
        </li>
        <li>
          <div data-icon="&#xe062;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe062;">
        </li>
        <li>
          <div data-icon="&#xe063;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe063;">
        </li>
        <li>
          <div data-icon="&#xe064;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe064;">
        </li>
        <li>
          <div data-icon="&#xe065;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe065;">
        </li>
        <li>
          <div data-icon="&#xe066;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe066;">
        </li>
        <li>
          <div data-icon="&#xe067;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe067;">
        </li>
        <li>
          <div data-icon="&#xe068;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe068;">
        </li>
        <li>
          <div data-icon="&#xe069;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe069;">
        </li>
        <li>
          <div data-icon="&#xe06a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06a;">
        </li>
        <li>
          <div data-icon="&#xe06b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06b;">
        </li>
        <li>
          <div data-icon="&#xe06c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06c;">
        </li>
        <li>
          <div data-icon="&#xe06d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06d;">
        </li>
        <li>
          <div data-icon="&#xe06e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06e;">
        </li>
        <li>
          <div data-icon="&#xe06f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06f;">
        </li>
        <li>
          <div data-icon="&#xe070;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe070;">
        </li>
        <li>
          <div data-icon="&#xe071;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe071;">
        </li>
        <li>
          <div data-icon="&#xe072;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe072;">
        </li>
        <li>
          <div data-icon="&#xe073;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe073;">
        </li>
        <li>
          <div data-icon="&#xe074;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe074;">
        </li>
        <li>
          <div data-icon="&#xe075;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe075;">
        </li>
        <li>
          <div data-icon="&#xe076;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe076;">
        </li>
        <li>
          <div data-icon="&#xe077;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe077;">
        </li>
        <li>
          <div data-icon="&#xe078;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe078;">
        </li>
        <li>
          <div data-icon="&#xe079;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe079;">
        </li>
        <li>
          <div data-icon="&#xe07a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07a;">
        </li>
        <li>
          <div data-icon="&#xe07b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07b;">
        </li>
        <li>
          <div data-icon="&#xe07c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07c;">
        </li>
        <li>
          <div data-icon="&#xe07d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07d;">
        </li>
        <li>
          <div data-icon="&#xe07e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07e;">
        </li>
        <li>
          <div data-icon="&#xe07f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07f;">
        </li>
        <li>
          <div data-icon="&#xe080;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe080;">
        </li>
        <li>
          <div data-icon="&#xe081;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe081;">
        </li>
        <li>
          <div data-icon="&#xe082;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe082;">
        </li>
        <li>
          <div data-icon="&#xe083;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe083;">
        </li>
        <li>
          <div data-icon="&#xe084;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe084;">
        </li>
        <li>
          <div data-icon="&#xe085;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe085;">
        </li>
        <li>
          <div data-icon="&#xe086;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe086;">
        </li>
        <li>
          <div data-icon="&#xe087;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe087;">
        </li>
        <li>
          <div data-icon="&#xe088;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe088;">
        </li>
        <li>
          <div data-icon="&#xe089;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe089;">
        </li>
        <li>
          <div data-icon="&#xe08a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08a;">
        </li>
        <li>
          <div data-icon="&#xe08b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08b;">
        </li>
        <li>
          <div data-icon="&#xe08c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08c;">
        </li>
        <li>
          <div data-icon="&#xe08d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08d;">
        </li>
        <li>
          <div data-icon="&#xe08e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08e;">
        </li>
        <li>
          <div data-icon="&#xe08f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08f;">
        </li>
        <li>
          <div data-icon="&#xe090;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe090;">
        </li>
        <li>
          <div data-icon="&#xe091;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe091;">
        </li>
        <li>
          <div data-icon="&#xe092;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe092;">
        </li>
        <li>
          <div data-icon="&#xe093;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe093;">
        </li>
        <li>
          <div data-icon="&#xe094;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe094;">
        </li>
        <li>
          <div data-icon="&#xe095;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe095;">
        </li>
        <li>
          <div data-icon="&#xe096;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe096;">
        </li>
        <li>
          <div data-icon="&#xe097;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe097;">
        </li>
        <li>
          <div data-icon="&#xe098;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe098;">
        </li>
        <li>
          <div data-icon="&#xe099;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe099;">
        </li>
        <li>
          <div data-icon="&#xe09a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09a;">
        </li>
        <li>
          <div data-icon="&#xe09b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09b;">
        </li>
        <li>
          <div data-icon="&#xe09c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09c;">
        </li>
        <li>
          <div data-icon="&#xe09d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09d;">
        </li>
        <li>
          <div data-icon="&#xe09e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09e;">
        </li>
        <li>
          <div data-icon="&#xe09f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09f;">
        </li>
        <li>
          <div data-icon="&#xe0a0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a0;">
        </li>
        <li>
          <div data-icon="&#xe0a1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a1;">
        </li>
        <li>
          <div data-icon="&#xe0a2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a2;">
        </li>
        <li>
          <div data-icon="&#xe0a3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a3;">
        </li>
        <li>
          <div data-icon="&#xe0a4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a4;">
        </li>
        <li>
          <div data-icon="&#xe0a5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a5;">
        </li>
        <li>
          <div data-icon="&#xe0a6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a6;">
        </li>
        <li>
          <div data-icon="&#xe0a7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a7;">
        </li>
        <li>
          <div data-icon="&#xe0a8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a8;">
        </li>
        <li>
          <div data-icon="&#xe0a9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a9;">
        </li>
        <li>
          <div data-icon="&#xe0aa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0aa;">
        </li>
        <li>
          <div data-icon="&#xe0ab;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ab;">
        </li>
        <li>
          <div data-icon="&#xe0ac;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ac;">
        </li>
        <li>
          <div data-icon="&#xe0ad;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ad;">
        </li>
        <li>
          <div data-icon="&#xe0ae;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ae;">
        </li>
        <li>
          <div data-icon="&#xe0af;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0af;">
        </li>
        <li>
          <div data-icon="&#xe0b0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b0;">
        </li>
        <li>
          <div data-icon="&#xe0b1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b1;">
        </li>
        <li>
          <div data-icon="&#xe0b2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b2;">
        </li>
        <li>
          <div data-icon="&#xe0b3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b3;">
        </li>
        <li>
          <div data-icon="&#xe0b4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b4;">
        </li>
        <li>
          <div data-icon="&#xe0b5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b5;">
        </li>
        <li>
          <div data-icon="&#xe0b6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b6;">
        </li>
        <li>
          <div data-icon="&#xe0b7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b7;">
        </li>
        <li>
          <div data-icon="&#xe0b8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b8;">
        </li>
        <li>
          <div data-icon="&#xe0b9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b9;">
        </li>
        <li>
          <div data-icon="&#xe0ba;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ba;">
        </li>
        <li>
          <div data-icon="&#xe0bb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bb;">
        </li>
        <li>
          <div data-icon="&#xe0bc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bc;">
        </li>
        <li>
          <div data-icon="&#xe0bd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bd;">
        </li>
        <li>
          <div data-icon="&#xe0be;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0be;">
        </li>
        <li>
          <div data-icon="&#xe0bf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bf;">
        </li>
        <li>
          <div data-icon="&#xe0c0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c0;">
        </li>
        <li>
          <div data-icon="&#xe0c1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c1;">
        </li>
        <li>
          <div data-icon="&#xe0c2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c2;">
        </li>
        <li>
          <div data-icon="&#xe0c3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c3;">
        </li>
        <li>
          <div data-icon="&#xe0c4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c4;">
        </li>
        <li>
          <div data-icon="&#xe0c5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c5;">
        </li>
        <li>
          <div data-icon="&#xe0c6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c6;">
        </li>
        <li>
          <div data-icon="&#xe0c7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c7;">
        </li>
        <li>
          <div data-icon="&#xe0c8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c8;">
        </li>
        <li>
          <div data-icon="&#xe0c9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c9;">
        </li>
        <li>
          <div data-icon="&#xe0ca;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ca;">
        </li>
        <li>
          <div data-icon="&#xe0cb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cb;">
        </li>
        <li>
          <div data-icon="&#xe0cc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cc;">
        </li>
        <li>
          <div data-icon="&#xe0cd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cd;">
        </li>
        <li>
          <div data-icon="&#xe0ce;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ce;">
        </li>
        <li>
          <div data-icon="&#xe0cf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cf;">
        </li>
        <li>
          <div data-icon="&#xe0d0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d0;">
        </li>
        <li>
          <div data-icon="&#xe0d1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d1;">
        </li>
        <li>
          <div data-icon="&#xe0d2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d2;">
        </li>
        <li>
          <div data-icon="&#xe0d3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d3;">
        </li>
        <li>
          <div data-icon="&#xe0d4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d4;">
        </li>
        <li>
          <div data-icon="&#xe0d5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d5;">
        </li>
        <li>
          <div data-icon="&#xe0d6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d6;">
        </li>
        <li>
          <div data-icon="&#xe0d7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d7;">
        </li>
        <li>
          <div data-icon="&#xe0d8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d8;">
        </li>
        <li>
          <div data-icon="&#xe0d9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d9;">
        </li>
        <li>
          <div data-icon="&#xe0da;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0da;">
        </li>
        <li>
          <div data-icon="&#xe0db;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0db;">
        </li>
        <li>
          <div data-icon="&#xe0dc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dc;">
        </li>
        <li>
          <div data-icon="&#xe0dd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dd;">
        </li>
        <li>
          <div data-icon="&#xe0de;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0de;">
        </li>
        <li>
          <div data-icon="&#xe0df;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0df;">
        </li>
        <li>
          <div data-icon="&#xe0e0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e0;">
        </li>
        <li>
          <div data-icon="&#xe0e1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e1;">
        </li>
        <li>
          <div data-icon="&#xe0e2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e2;">
        </li>
        <li>
          <div data-icon="&#xe0e3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e3;">
        </li>
        <li>
          <div data-icon="&#xe0e4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e4;">
        </li>
        <li>
          <div data-icon="&#xe0e5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e5;">
        </li>
        <li>
          <div data-icon="&#xe0e6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e6;">
        </li>
        <li>
          <div data-icon="&#xe0e7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e7;">
        </li>
        <li>
          <div data-icon="&#xe0e8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e8;">
        </li>
        <li>
          <div data-icon="&#xe0e9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e9;">
        </li>
        <li>
          <div data-icon="&#xe0ea;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ea;">
        </li>
        <li>
          <div data-icon="&#xe0eb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0eb;">
        </li>
        <li>
          <div data-icon="&#xe0ec;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ec;">
        </li>
        <li>
          <div data-icon="&#xe0ed;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ed;">
        </li>
        <li>
          <div data-icon="&#xe0ee;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ee;">
        </li>
        <li>
          <div data-icon="&#xe0ef;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ef;">
        </li>
        <li>
          <div data-icon="&#xe0f0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f0;">
        </li>
        <li>
          <div data-icon="&#xe0f1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f1;">
        </li>
        <li>
          <div data-icon="&#xe0f2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f2;">
        </li>
        <li>
          <div data-icon="&#xe0f3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f3;">
        </li>
        <li>
          <div data-icon="&#xe0f4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f4;">
        </li>
        <li>
          <div data-icon="&#xe0f5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f5;">
        </li>
        <li>
          <div data-icon="&#xe0f6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f6;">
        </li>
        <li>
          <div data-icon="&#xe0f7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f7;">
        </li>
        <li>
          <div data-icon="&#xe0f8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f8;">
        </li>
        <li>
          <div data-icon="&#xe0f9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f9;">
        </li>
        <li>
          <div data-icon="&#xe0fa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fa;">
        </li>
        <li>
          <div data-icon="&#xe0fb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fb;">
        </li>
        <li>
          <div data-icon="&#xe0fc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fc;">
        </li>
        <li>
          <div data-icon="&#xe0fd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fd;">
        </li>
        <li>
          <div data-icon="&#xe0fe;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fe;">
        </li>
        <li>
          <div data-icon="&#xe0ff;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ff;">
        </li>
        <li>
          <div data-icon="&#xe100;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe100;">
        </li>
        <li>
          <div data-icon="&#xe101;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe101;">
        </li>
        <li>
          <div data-icon="&#xe102;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe102;">
        </li>
        <li>
          <div data-icon="&#xe103;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe103;">
        </li>
        <li>
          <div data-icon="&#xe104;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe104;">
        </li>
        <li>
          <div data-icon="&#xe105;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe105;">
        </li>
        <li>
          <div data-icon="&#xe106;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe106;">
        </li>
        <li>
          <div data-icon="&#xe107;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe107;">
        </li>
        <li>
          <div data-icon="&#xe108;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe108;">
        </li>
        <li>
          <div data-icon="&#xe109;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe109;">
        </li>
        <li>
          <div data-icon="&#xe10a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10a;">
        </li>
        <li>
          <div data-icon="&#xe10b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10b;">
        </li>
        <li>
          <div data-icon="&#xe10c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10c;">
        </li>
        <li>
          <div data-icon="&#xe10d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10d;">
        </li>
        <li>
          <div data-icon="&#xe10e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10e;">
        </li>
        <li>
          <div data-icon="&#xe10f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10f;">
        </li>
        <li>
          <div data-icon="&#xe110;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe110;">
        </li>
        <li>
          <div data-icon="&#xe111;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe111;">
        </li>
        <li>
          <div data-icon="&#xe112;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe112;">
        </li>
        <li>
          <div data-icon="&#xe113;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe113;">
        </li>
        <li>
          <div data-icon="&#xe114;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe114;">
        </li>
        <li>
          <div data-icon="&#xe115;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe115;">
        </li>
        <li>
          <div data-icon="&#xe116;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe116;">
        </li>
        <li>
          <div data-icon="&#xe118;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe118;">
        </li>
        <li>
          <div data-icon="&#xe119;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe119;">
        </li>
        <li>
          <div data-icon="&#xe11a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11a;">
        </li>
        <li>
          <div data-icon="&#xe11b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11b;">
        </li>
        <li>
          <div data-icon="&#xe11c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11c;">
        </li>
        <li>
          <div data-icon="&#xe11d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11d;">
        </li>
        <li>
          <div data-icon="&#xe11e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11e;">
        </li>
        <li>
          <div data-icon="&#xe11f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11f;">
        </li>
        <li>
          <div data-icon="&#xe120;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe120;">
        </li>
        <li>
          <div data-icon="&#xe121;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe121;">
        </li>
        <li>
          <div data-icon="&#xe122;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe122;">
        </li>
        <li>
          <div data-icon="&#xe123;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe123;">
        </li>
        <li>
          <div data-icon="&#xe124;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe124;">
        </li>
        <li>
          <div data-icon="&#xe125;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe125;">
        </li>
        <li>
          <div data-icon="&#xe126;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe126;">
        </li>
        <li>
          <div data-icon="&#xe127;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe127;">
        </li>
        <li>
          <div data-icon="&#xe128;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe128;">
        </li>
        <li>
          <div data-icon="&#xe129;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe129;">
        </li>
        <li>
          <div data-icon="&#xe12a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12a;">
        </li>
        <li>
          <div data-icon="&#xe12b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12b;">
        </li>
        <li>
          <div data-icon="&#xe12c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12c;">
        </li>
        <li>
          <div data-icon="&#xe12d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12d;">
        </li>
        <li>
          <div data-icon="&#xe12e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12e;">
        </li>
        <li>
          <div data-icon="&#xe12f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12f;">
        </li>
        <li>
          <div data-icon="&#xe130;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe130;">
        </li>
        <li>
          <div data-icon="&#xe131;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe131;">
        </li>
        <li>
          <div data-icon="&#xe132;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe132;">
        </li>
        <li>
          <div data-icon="&#xe133;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe133;">
        </li>
        <li>
          <div data-icon="&#xe134;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe134;">
        </li>
        <li>
          <div data-icon="&#xe135;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe135;">
        </li>
        <li>
          <div data-icon="&#xe136;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe136;">
        </li>
        <li>
          <div data-icon="&#xe137;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe137;">
        </li>
        <li>
          <div data-icon="&#xe138;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe138;">
        </li>
        <li>
          <div data-icon="&#xe139;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe139;">
        </li>
        <li>
          <div data-icon="&#xe13a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13a;">
        </li>
        <li>
          <div data-icon="&#xe13b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13b;">
        </li>
        <li>
          <div data-icon="&#xe13c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13c;">
        </li>
        <li>
          <div data-icon="&#xe13d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13d;">
        </li>
        <li>
          <div data-icon="&#xe13e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13e;">
        </li>
        <li>
          <div data-icon="&#xe13f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13f;">
        </li>
        <li>
          <div data-icon="&#xe141;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe141;">
        </li>
        <li>
          <div data-icon="&#xe142;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe142;">
        </li>
        <li>
          <div data-icon="&#xe143;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe143;">
        </li>
        <li>
          <div data-icon="&#xe144;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe144;">
        </li>
        <li>
          <div data-icon="&#xe145;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe145;">
        </li>
        <li>
          <div data-icon="&#xe146;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe146;">
        </li>
        <li>
          <div data-icon="&#xe147;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe147;">
        </li>
        <li>
          <div data-icon="&#xe148;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe148;">
        </li>
        <li>
          <div data-icon="&#xe149;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe149;">
        </li>
        <li>
          <div data-icon="&#xe14a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14a;">
        </li>
        <li>
          <div data-icon="&#xe14b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14b;">
        </li>
        <li>
          <div data-icon="&#xe14c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14c;">
        </li>
        <li>
          <div data-icon="&#xe14d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14d;">
        </li>
        <li>
          <div data-icon="&#xe14e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14e;">
        </li>
        <li>
          <div data-icon="&#xe14f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14f;">
        </li>
        <li>
          <div data-icon="&#xe150;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe150;">
        </li>
        <li>
          <div data-icon="&#xe151;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe151;">
        </li>
        <li>
          <div data-icon="&#xe152;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe152;">
        </li>
        <li>
          <div data-icon="&#xe153;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe153;">
        </li>
        <li>
          <div data-icon="&#xe154;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe154;">
        </li>
        <li>
          <div data-icon="&#xe155;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe155;">
        </li>
        <li>
          <div data-icon="&#xe156;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe156;">
        </li>
        <li>
          <div data-icon="&#xe157;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe157;">
        </li>
        <li>
          <div data-icon="&#xe158;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe158;">
        </li>
        <li>
          <div data-icon="&#xe159;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe159;">
        </li>
        <li>
          <div data-icon="&#xe15a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15a;">
        </li>
        <li>
          <div data-icon="&#xe15b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15b;">
        </li>
        <li>
          <div data-icon="&#xe15c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15c;">
        </li>
        <li>
          <div data-icon="&#xe15d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15d;">
        </li>
        <li>
          <div data-icon="&#xe15e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15e;">
        </li>
        <li>
          <div data-icon="&#xe15f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15f;">
        </li>
        <li>
          <div data-icon="&#xe160;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe160;">
        </li>
        <li>
          <div data-icon="&#xe161;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe161;">
        </li>
        <li>
          <div data-icon="&#xe162;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe162;">
        </li>
        <li>
          <div data-icon="&#xe163;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe163;">
        </li>
        <li>
          <div data-icon="&#xe164;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe164;">
        </li>
        <li>
          <div data-icon="&#xe165;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe165;">
        </li>
        <li>
          <div data-icon="&#xe166;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe166;">
        </li>
        <li>
          <div data-icon="&#xe167;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe167;">
        </li>
        <li>
          <div data-icon="&#xe168;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe168;">
        </li>
        <li>
          <div data-icon="&#xe169;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe169;">
        </li>
        <li>
          <div data-icon="&#xe16a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16a;">
        </li>
        <li>
          <div data-icon="&#xe16b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16b;">
        </li>
        <li>
          <div data-icon="&#xe16c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16c;">
        </li>
        <li>
          <div data-icon="&#xe16d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16d;">
        </li>
        <li>
          <div data-icon="&#xe16e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16e;">
        </li>
        <li>
          <div data-icon="&#xe16f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16f;">
        </li>
        <li>
          <div data-icon="&#xe170;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe170;">
        </li>
        <li>
          <div data-icon="&#xe171;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe171;">
        </li>
        <li>
          <div data-icon="&#xe172;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe172;">
        </li>
        <li>
          <div data-icon="&#xe173;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe173;">
        </li>
        <li>
          <div data-icon="&#xe174;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe174;">
        </li>
        <li>
          <div data-icon="&#xe175;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe175;">
        </li>
        <li>
          <div data-icon="&#xe176;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe176;">
        </li>
        <li>
          <div data-icon="&#xe177;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe177;">
        </li>
        <li>
          <div data-icon="&#xe178;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe178;">
        </li>
        <li>
          <div data-icon="&#xe179;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe179;">
        </li>
        <li>
          <div data-icon="&#xe17a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17a;">
        </li>
        <li>
          <div data-icon="&#xe17b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17b;">
        </li>
        <li>
          <div data-icon="&#xe17c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17c;">
        </li>
        <li>
          <div data-icon="&#xe17e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17e;">
        </li>
        <li>
          <div data-icon="&#xe17f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17f;">
        </li>
        <li>
          <div data-icon="&#xe180;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe180;">
        </li>
        <li>
          <div data-icon="&#xe181;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe181;">
        </li>
        <li>
          <div data-icon="&#xe182;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe182;">
        </li>
        <li>
          <div data-icon="&#xe183;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe183;">
        </li>
        <li>
          <div data-icon="&#xe184;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe184;">
        </li>
        <li>
          <div data-icon="&#xe185;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe185;">
        </li>
        <li>
          <div data-icon="&#xe186;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe186;">
        </li>
        <li>
          <div data-icon="&#xe187;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe187;">
        </li>
        <li>
          <div data-icon="&#xe188;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe188;">
        </li>
        <li>
          <div data-icon="&#xe189;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe189;">
        </li>
        <li>
          <div data-icon="&#xe18a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18a;">
        </li>
        <li>
          <div data-icon="&#xe18b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18b;">
        </li>
        <li>
          <div data-icon="&#xe18c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18c;">
        </li>
        <li>
          <div data-icon="&#xe18d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18d;">
        </li>
        <li>
          <div data-icon="&#xe18e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18e;">
        </li>
        <li>
          <div data-icon="&#xe18f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18f;">
        </li>
        <li>
          <div data-icon="&#xe17d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17d;">
        </li>
        <li>
          <div data-icon="&#xe190;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe190;">
        </li>
        <li>
          <div data-icon="&#xe191;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe191;">
        </li>
        <li>
          <div data-icon="&#xe192;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe192;">
        </li>
        <li>
          <div data-icon="&#xe193;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe193;">
        </li>
        <li>
          <div data-icon="&#xe194;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe194;">
        </li>
        <li>
          <div data-icon="&#xe195;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe195;">
        </li>
        <li>
          <div data-icon="&#xe196;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe196;">
        </li>
        <li>
          <div data-icon="&#xe197;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe197;">
        </li>
        <li>
          <div data-icon="&#xe117;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe117;">
        </li>
        <li>
          <div data-icon="&#xe140;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe140;">
        </li>
        <li>
          <div data-icon="&#xe198;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe198;">
        </li>
        <li>
          <div data-icon="&#xe199;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe199;">
        </li>
        <li>
          <div data-icon="&#xe19a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19a;">
        </li>
        <li>
          <div data-icon="&#xe19b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19b;">
        </li>
        <li>
          <div data-icon="&#xe19c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19c;">
        </li>
        <li>
          <div data-icon="&#xe19d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19d;">
        </li>
        <li>
          <div data-icon="&#xe19e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19e;">
        </li>
        <li>
          <div data-icon="&#xe19f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19f;">
        </li>
        <li>
          <div data-icon="&#xe1a0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a0;">
        </li>
        <li>
          <div data-icon="&#xe1a1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a1;">
        </li>
        <li>
          <div data-icon="&#xe1a2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a2;">
        </li>
        <li>
          <div data-icon="&#xe1a3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a3;">
        </li>
        <li>
          <div data-icon="&#xe1a4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a4;">
        </li>
        <li>
          <div data-icon="&#xe1a5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a5;">
        </li>
        <li>
          <div data-icon="&#xe1a6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a6;">
        </li>
        <li>
          <div data-icon="&#xe1a7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a7;">
        </li>
        <li>
          <div data-icon="&#xe1a8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a8;">
        </li>
        <li>
          <div data-icon="&#xe1a9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a9;">
        </li>
        <li>
          <div data-icon="&#xe1aa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1aa;">
        </li>
        <li>
          <div data-icon="&#xe1ab;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ab;">
        </li>
        <li>
          <div data-icon="&#xe1ac;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ac;">
        </li>
        <li>
          <div data-icon="&#xe1ad;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ad;">
        </li>
        <li>
          <div data-icon="&#xe1ae;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ae;">
        </li>
        <li>
          <div data-icon="&#xe1af;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1af;">
        </li>
        <li>
          <div data-icon="&#xe1b0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b0;">
        </li>
        <li>
          <div data-icon="&#xe1b1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b1;">
        </li>
        <li>
          <div data-icon="&#xe1b2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b2;">
        </li>
        <li>
          <div data-icon="&#xe1b3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b3;">
        </li>
        <li>
          <div data-icon="&#xe1b4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b4;">
        </li>
        <li>
          <div data-icon="&#xe1b5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b5;">
        </li>
        <li>
          <div data-icon="&#xe1b6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b6;">
        </li>
        <li>
          <div data-icon="&#xe1b7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b7;">
        </li>
        <li>
          <div data-icon="&#xe1b8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b8;">
        </li>
        <li>
          <div data-icon="&#xe1b9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b9;">
        </li>
        <li>
          <div data-icon="&#xe1ba;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ba;">
        </li>
        <li>
          <div data-icon="&#xe1bb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1bb;">
        </li>
        <li>
          <div data-icon="&#xe1bc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1bc;">
        </li>
        <li>
          <div data-icon="&#xe1bd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1bd;">
        </li>
        <li>
          <div data-icon="&#xe1be;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1be;">
        </li>
        <li>
          <div data-icon="&#xe1bf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1bf;">
        </li>
        <li>
          <div data-icon="&#xe1c0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c0;">
        </li>
        <li>
          <div data-icon="&#xe1c1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c1;">
        </li>
        <li>
          <div data-icon="&#xe1c2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c2;">
        </li>
        <li>
          <div data-icon="&#xe1c3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c3;">
        </li>
        <li>
          <div data-icon="&#xe1c4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c4;">
        </li>
        <li>
          <div data-icon="&#xe1c5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c5;">
        </li>
        <li>
          <div data-icon="&#xe1c6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c6;">
        </li>
        <li>
          <div data-icon="&#xe1c7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c7;">
        </li>
        <li>
          <div data-icon="&#xe1c8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c8;">
        </li>
        <li>
          <div data-icon="&#xe1c9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1c9;">
        </li>
        <li>
          <div data-icon="&#xe1ca;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ca;">
        </li>
        <li>
          <div data-icon="&#xe1cb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1cb;">
        </li>
        <li>
          <div data-icon="&#xe1cc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1cc;">
        </li>
        <li>
          <div data-icon="&#xe1cd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1cd;">
        </li>
        <li>
          <div data-icon="&#xe1ce;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ce;">
        </li>
        <li>
          <div data-icon="&#xe1cf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1cf;">
        </li>
        <li>
          <div data-icon="&#xe1d0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d0;">
        </li>
        <li>
          <div data-icon="&#xe1d1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d1;">
        </li>
        <li>
          <div data-icon="&#xe1d2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d2;">
        </li>
        <li>
          <div data-icon="&#xe1d3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d3;">
        </li>
        <li>
          <div data-icon="&#xe1d4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d4;">
        </li>
        <li>
          <div data-icon="&#xe1d5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d5;">
        </li>
        <li>
          <div data-icon="&#xe1d6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d6;">
        </li>
        <li>
          <div data-icon="&#xe1d7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d7;">
        </li>
        <li>
          <div data-icon="&#xe1d8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d8;">
        </li>
        <li>
          <div data-icon="&#xe1d9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1d9;">
        </li>
        <li>
          <div data-icon="&#xe1da;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1da;">
        </li>
        <li>
          <div data-icon="&#xe1db;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1db;">
        </li>
        <li>
          <div data-icon="&#xe1dc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1dc;">
        </li>
        <li>
          <div data-icon="&#xe1dd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1dd;">
        </li>
        <li>
          <div data-icon="&#xe1de;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1de;">
        </li>
        <li>
          <div data-icon="&#xe1df;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1df;">
        </li>
        <li>
          <div data-icon="&#xe1e0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e0;">
        </li>
        <li>
          <div data-icon="&#xe1e1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e1;">
        </li>
        <li>
          <div data-icon="&#xe1e2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e2;">
        </li>
        <li>
          <div data-icon="&#xe1e3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e3;">
        </li>
        <li>
          <div data-icon="&#xe1e4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e4;">
        </li>
        <li>
          <div data-icon="&#xe1e5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e5;">
        </li>
        <li>
          <div data-icon="&#xe1e6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e6;">
        </li>
        <li>
          <div data-icon="&#xe1e7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e7;">
        </li>
        <li>
          <div data-icon="&#xe1e8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e8;">
        </li>
        <li>
          <div data-icon="&#xe1e9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1e9;">
        </li>
        <li>
          <div data-icon="&#xe1ea;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ea;">
        </li>
        <li>
          <div data-icon="&#xe1eb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1eb;">
        </li>
        <li>
          <div data-icon="&#xe1ec;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ec;">
        </li>
        <li>
          <div data-icon="&#xe1ed;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ed;">
        </li>
        <li>
          <div data-icon="&#xe1ee;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ee;">
        </li>
        <li>
          <div data-icon="&#xe1ef;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ef;">
        </li>
        <li>
          <div data-icon="&#xe1f0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f0;">
        </li>
        <li>
          <div data-icon="&#xe1f1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f1;">
        </li>
        <li>
          <div data-icon="&#xe1f2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f2;">
        </li>
        <li>
          <div data-icon="&#xe1f3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f3;">
        </li>
        <li>
          <div data-icon="&#xe1f4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f4;">
        </li>
        <li>
          <div data-icon="&#xe1f5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f5;">
        </li>
        <li>
          <div data-icon="&#xe1f6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f6;">
        </li>
        <li>
          <div data-icon="&#xe1f7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f7;">
        </li>
        <li>
          <div data-icon="&#xe1f8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f8;">
        </li>
        <li>
          <div data-icon="&#xe1f9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1f9;">
        </li>
        <li>
          <div data-icon="&#xe1fa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1fa;">
        </li>
        <li>
          <div data-icon="&#xe1fb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1fb;">
        </li>
        <li>
          <div data-icon="&#xe1fc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1fc;">
        </li>
        <li>
          <div data-icon="&#xe1fd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1fd;">
        </li>
        <li>
          <div data-icon="&#xe1fe;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1fe;">
        </li>
        <li>
          <div data-icon="&#xe1ff;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ff;">
        </li>
        <li>
          <div data-icon="&#xe200;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe200;">
        </li>
        <li>
          <div data-icon="&#xe201;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe201;">
        </li>
        <li>
          <div data-icon="&#xe202;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe202;">
        </li>
        <li>
          <div data-icon="&#xe203;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe203;">
        </li>
        <li>
          <div data-icon="&#xe204;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe204;">
        </li>
        <li>
          <div data-icon="&#xe205;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe205;">
        </li>
        <li>
          <div data-icon="&#xe206;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe206;">
        </li>
        <li>
          <div data-icon="&#xe207;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe207;">
        </li>
        <li>
          <div data-icon="&#xe208;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe208;">
        </li>
        <li>
          <div data-icon="&#xe209;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe209;">
        </li>
        <li>
          <div data-icon="&#xe20a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe20a;">
        </li>
        <li>
          <div data-icon="&#xe20b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe20b;">
        </li>
        <li>
          <div data-icon="&#xe20c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe20c;">
        </li>
        <li>
          <div data-icon="&#xe20d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe20d;">
        </li>
        <li>
          <div data-icon="&#xe20e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe20e;">
        </li>
        <li>
          <div data-icon="&#xe20f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe20f;">
        </li>
        <li>
          <div data-icon="&#xe210;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe210;">
        </li>
        <li>
          <div data-icon="&#xe211;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe211;">
        </li>
        <li>
          <div data-icon="&#xe212;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe212;">
        </li>
        <li>
          <div data-icon="&#xe213;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe213;">
        </li>
        <li>
          <div data-icon="&#xe214;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe214;">
        </li>
        <li>
          <div data-icon="&#xe215;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe215;">
        </li>
        <li>
          <div data-icon="&#xe216;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe216;">
        </li>
        <li>
          <div data-icon="&#xe217;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe217;">
        </li>
        <li>
          <div data-icon="&#xe218;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe218;">
        </li>
        <li>
          <div data-icon="&#xe219;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe219;">
        </li>
        <li>
          <div data-icon="&#xe21a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe21a;">
        </li>
        <li>
          <div data-icon="&#xe21b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe21b;">
        </li>
        <li>
          <div data-icon="&#xe21c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe21c;">
        </li>
        <li>
          <div data-icon="&#xe21d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe21d;">
        </li>
        <li>
          <div data-icon="&#xe21e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe21e;">
        </li>
        <li>
          <div data-icon="&#xe21f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe21f;">
        </li>
        <li>
          <div data-icon="&#xe220;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe220;">
        </li>
        <li>
          <div data-icon="&#xe221;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe221;">
        </li>
        <li>
          <div data-icon="&#xe222;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe222;">
        </li>
        <li>
          <div data-icon="&#xe223;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe223;">
        </li>
        <li>
          <div data-icon="&#xe224;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe224;">
        </li>
        <li>
          <div data-icon="&#xe225;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe225;">
        </li>
        <li>
          <div data-icon="&#xe226;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe226;">
        </li>
        <li>
          <div data-icon="&#xe227;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe227;">
        </li>
        <li>
          <div data-icon="&#xe228;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe228;">
        </li>
        <li>
          <div data-icon="&#xe229;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe229;">
        </li>
        <li>
          <div data-icon="&#xe22a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe22a;">
        </li>
        <li>
          <div data-icon="&#xe22b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe22b;">
        </li>
        <li>
          <div data-icon="&#xe22c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe22c;">
        </li>
        <li>
          <div data-icon="&#xe22d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe22d;">
        </li>
        <li>
          <div data-icon="&#xe22e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe22e;">
        </li>
        <li>
          <div data-icon="&#xe22f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe22f;">
        </li>
        <li>
          <div data-icon="&#xe230;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe230;">
        </li>
        <li>
          <div data-icon="&#xe231;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe231;">
        </li>
        <li>
          <div data-icon="&#xe232;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe232;">
        </li>
        <li>
          <div data-icon="&#xe233;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe233;">
        </li>
        <li>
          <div data-icon="&#xe234;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe234;">
        </li>
        <li>
          <div data-icon="&#xe235;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe235;">
        </li>
        <li>
          <div data-icon="&#xe236;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe236;">
        </li>
        <li>
          <div data-icon="&#xe237;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe237;">
        </li>
        <li>
          <div data-icon="&#xe238;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe238;">
        </li>
        <li>
          <div data-icon="&#xe239;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe239;">
        </li>
        <li>
          <div data-icon="&#xe23a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe23a;">
        </li>
        <li>
          <div data-icon="&#xe23b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe23b;">
        </li>
        <li>
          <div data-icon="&#xe23c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe23c;">
        </li>
        <li>
          <div data-icon="&#xe23d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe23d;">
        </li>
        <li>
          <div data-icon="&#xe23e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe23e;">
        </li>
        <li>
          <div data-icon="&#xe23f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe23f;">
        </li>
        <li>
          <div data-icon="&#xe240;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe240;">
        </li>
        <li>
          <div data-icon="&#xe241;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe241;">
        </li>
        <li>
          <div data-icon="&#xe242;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe242;">
        </li>
        <li>
          <div data-icon="&#xe243;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe243;">
        </li>
        <li>
          <div data-icon="&#xe244;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe244;">
        </li>
        <li>
          <div data-icon="&#xe245;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe245;">
        </li>
        <li>
          <div data-icon="&#xe246;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe246;">
        </li>
        <li>
          <div data-icon="&#xe247;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe247;">
        </li>
        <li>
          <div data-icon="&#xe248;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe248;">
        </li>
        <li>
          <div data-icon="&#xe249;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe249;">
        </li>
        <li>
          <div data-icon="&#xe24a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe24a;">
        </li>
        <li>
          <div data-icon="&#xe24b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe24b;">
        </li>
        <li>
          <div data-icon="&#xe24c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe24c;">
        </li>
        <li>
          <div data-icon="&#xe24d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe24d;">
        </li>
        <li>
          <div data-icon="&#xe24e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe24e;">
        </li>
        <li>
          <div data-icon="&#xe24f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe24f;">
        </li>
        <li>
          <div data-icon="&#xe250;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe250;">
        </li>
        <li>
          <div data-icon="&#xe251;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe251;">
        </li>
        <li>
          <div data-icon="&#xe252;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe252;">
        </li>
        <li>
          <div data-icon="&#xe253;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe253;">
        </li>
        <li>
          <div data-icon="&#xe254;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe254;">
        </li>
        <li>
          <div data-icon="&#xe255;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe255;">
        </li>
        <li>
          <div data-icon="&#xe256;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe256;">
        </li>
        <li>
          <div data-icon="&#xe257;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe257;">
        </li>
        <li>
          <div data-icon="&#xe258;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe258;">
        </li>
        <li>
          <div data-icon="&#xe259;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe259;">
        </li>
        <li>
          <div data-icon="&#xe25a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe25a;">
        </li>
        <li>
          <div data-icon="&#xe25b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe25b;">
        </li>
        <li>
          <div data-icon="&#xe25c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe25c;">
        </li>
        <li>
          <div data-icon="&#xe25d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe25d;">
        </li>
        <li>
          <div data-icon="&#xe25e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe25e;">
        </li>
        <li>
          <div data-icon="&#xe25f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe25f;">
        </li>
        <li>
          <div data-icon="&#xe260;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe260;">
        </li>
        <li>
          <div data-icon="&#xe261;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe261;">
        </li>
        <li>
          <div data-icon="&#xe262;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe262;">
        </li>
        <li>
          <div data-icon="&#xe263;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe263;">
        </li>
        <li>
          <div data-icon="&#xe264;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe264;">
        </li>
        <li>
          <div data-icon="&#xe265;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe265;">
        </li>
        <li>
          <div data-icon="&#xe266;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe266;">
        </li>
        <li>
          <div data-icon="&#xe267;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe267;">
        </li>
        <li>
          <div data-icon="&#xe268;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe268;">
        </li>
        <li>
          <div data-icon="&#xe269;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe269;">
        </li>
        <li>
          <div data-icon="&#xe26a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe26a;">
        </li>
        <li>
          <div data-icon="&#xe26b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe26b;">
        </li>
        <li>
          <div data-icon="&#xe26c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe26c;">
        </li>
        <li>
          <div data-icon="&#xe26d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe26d;">
        </li>
        <li>
          <div data-icon="&#xe26e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe26e;">
        </li>
        <li>
          <div data-icon="&#xe26f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe26f;">
        </li>
        <li>
          <div data-icon="&#xe270;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe270;">
        </li>
        <li>
          <div data-icon="&#xe271;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe271;">
        </li>
        <li>
          <div data-icon="&#xe272;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe272;">
        </li>
        <li>
          <div data-icon="&#xe273;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe273;">
        </li>
        <li>
          <div data-icon="&#xe274;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe274;">
        </li>
        <li>
          <div data-icon="&#xe276;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe276;">
        </li>
        <li>
          <div data-icon="&#xe277;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe277;">
        </li>
        <li>
          <div data-icon="&#xe278;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe278;">
        </li>
        <li>
          <div data-icon="&#xe279;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe279;">
        </li>
        <li>
          <div data-icon="&#xe27a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe27a;">
        </li>
        <li>
          <div data-icon="&#xe27b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe27b;">
        </li>
        <li>
          <div data-icon="&#xe27c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe27c;">
        </li>
        <li>
          <div data-icon="&#xe27d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe27d;">
        </li>
        <li>
          <div data-icon="&#xe27e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe27e;">
        </li>
        <li>
          <div data-icon="&#xe27f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe27f;">
        </li>
        <li>
          <div data-icon="&#xe280;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe280;">
        </li>
        <li>
          <div data-icon="&#xe281;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe281;">
        </li>
        <li>
          <div data-icon="&#xe275;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe275;">
        </li>
        <li>
          <div data-icon="&#xe282;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe282;">
        </li>
        <li>
          <div data-icon="&#xe283;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe283;">
        </li>
        <li>
          <div data-icon="&#xe284;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe284;">
        </li>
        <li>
          <div data-icon="&#xe285;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe285;">
        </li>
        <li>
          <div data-icon="&#xe286;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe286;">
        </li>
        <li>
          <div data-icon="&#xe287;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe287;">
        </li>
        <li>
          <div data-icon="&#xe288;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe288;">
        </li>
        <li>
          <div data-icon="&#xe289;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe289;">
        </li>
        <li>
          <div data-icon="&#xe28a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#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>