<!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 - ic_main</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 type="text/css">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>ic_main</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 icon-icon-1"></div>
          <input type="text" readonly="readonly" value="icon-1">
        </li>
        <li>
          <div class="icon icon-icon-2"></div>
          <input type="text" readonly="readonly" value="icon-2">
        </li>
        <li>
          <div class="icon icon-icon-3"></div>
          <input type="text" readonly="readonly" value="icon-3">
        </li>
        <li>
          <div class="icon icon-icon-4"></div>
          <input type="text" readonly="readonly" value="icon-4">
        </li>
        <li>
          <div class="icon icon-icon-5"></div>
          <input type="text" readonly="readonly" value="icon-5">
        </li>
        <li>
          <div class="icon icon-icon-6"></div>
          <input type="text" readonly="readonly" value="icon-6">
        </li>
        <li>
          <div class="icon icon-icon-7"></div>
          <input type="text" readonly="readonly" value="icon-7">
        </li>
        <li>
          <div class="icon icon-icon-8"></div>
          <input type="text" readonly="readonly" value="icon-8">
        </li>
        <li>
          <div class="icon icon-icon-9"></div>
          <input type="text" readonly="readonly" value="icon-9">
        </li>
        <li>
          <div class="icon icon-icon-10"></div>
          <input type="text" readonly="readonly" value="icon-10">
        </li>
        <li>
          <div class="icon icon-icon-11"></div>
          <input type="text" readonly="readonly" value="icon-11">
        </li>
        <li>
          <div class="icon icon-icon-12"></div>
          <input type="text" readonly="readonly" value="icon-12">
        </li>
        <li>
          <div class="icon icon-icon-13"></div>
          <input type="text" readonly="readonly" value="icon-13">
        </li>
        <li>
          <div class="icon icon-icon-14"></div>
          <input type="text" readonly="readonly" value="icon-14">
        </li>
        <li>
          <div class="icon icon-icon-15"></div>
          <input type="text" readonly="readonly" value="icon-15">
        </li>
        <li>
          <div class="icon icon-icon-16"></div>
          <input type="text" readonly="readonly" value="icon-16">
        </li>
        <li>
          <div class="icon icon-icon-17"></div>
          <input type="text" readonly="readonly" value="icon-17">
        </li>
        <li>
          <div class="icon icon-icon-18"></div>
          <input type="text" readonly="readonly" value="icon-18">
        </li>
        <li>
          <div class="icon icon-icon-19"></div>
          <input type="text" readonly="readonly" value="icon-19">
        </li>
        <li>
          <div class="icon icon-icon-20"></div>
          <input type="text" readonly="readonly" value="icon-20">
        </li>
        <li>
          <div class="icon icon-icon-21"></div>
          <input type="text" readonly="readonly" value="icon-21">
        </li>
        <li>
          <div class="icon icon-icon-22"></div>
          <input type="text" readonly="readonly" value="icon-22">
        </li>
        <li>
          <div class="icon icon-icon-23"></div>
          <input type="text" readonly="readonly" value="icon-23">
        </li>
        <li>
          <div class="icon icon-icon-24"></div>
          <input type="text" readonly="readonly" value="icon-24">
        </li>
        <li>
          <div class="icon icon-icon-25"></div>
          <input type="text" readonly="readonly" value="icon-25">
        </li>
        <li>
          <div class="icon icon-icon-26"></div>
          <input type="text" readonly="readonly" value="icon-26">
        </li>
        <li>
          <div class="icon icon-icon-27"></div>
          <input type="text" readonly="readonly" value="icon-27">
        </li>
        <li>
          <div class="icon icon-icon-28"></div>
          <input type="text" readonly="readonly" value="icon-28">
        </li>
        <li>
          <div class="icon icon-icon-29"></div>
          <input type="text" readonly="readonly" value="icon-29">
        </li>
        <li>
          <div class="icon icon-icon-30"></div>
          <input type="text" readonly="readonly" value="icon-30">
        </li>
        <li>
          <div class="icon icon-icon-31"></div>
          <input type="text" readonly="readonly" value="icon-31">
        </li>
        <li>
          <div class="icon icon-icon-32"></div>
          <input type="text" readonly="readonly" value="icon-32">
        </li>
        <li>
          <div class="icon icon-icon-33"></div>
          <input type="text" readonly="readonly" value="icon-33">
        </li>
        <li>
          <div class="icon icon-icon-34"></div>
          <input type="text" readonly="readonly" value="icon-34">
        </li>
        <li>
          <div class="icon icon-icon-35"></div>
          <input type="text" readonly="readonly" value="icon-35">
        </li>
        <li>
          <div class="icon icon-icon-36"></div>
          <input type="text" readonly="readonly" value="icon-36">
        </li>
        <li>
          <div class="icon icon-icon-37"></div>
          <input type="text" readonly="readonly" value="icon-37">
        </li>
        <li>
          <div class="icon icon-icon-38"></div>
          <input type="text" readonly="readonly" value="icon-38">
        </li>
        <li>
          <div class="icon icon-icon-39"></div>
          <input type="text" readonly="readonly" value="icon-39">
        </li>
        <li>
          <div class="icon icon-icon-40"></div>
          <input type="text" readonly="readonly" value="icon-40">
        </li>
        <li>
          <div class="icon icon-icon-41"></div>
          <input type="text" readonly="readonly" value="icon-41">
        </li>
        <li>
          <div class="icon icon-icon-42"></div>
          <input type="text" readonly="readonly" value="icon-42">
        </li>
        <li>
          <div class="icon icon-icon-43"></div>
          <input type="text" readonly="readonly" value="icon-43">
        </li>
        <li>
          <div class="icon icon-icon-44"></div>
          <input type="text" readonly="readonly" value="icon-44">
        </li>
        <li>
          <div class="icon icon-icon-45"></div>
          <input type="text" readonly="readonly" value="icon-45">
        </li>
        <li>
          <div class="icon icon-icon-46"></div>
          <input type="text" readonly="readonly" value="icon-46">
        </li>
        <li>
          <div class="icon icon-icon-47"></div>
          <input type="text" readonly="readonly" value="icon-47">
        </li>
        <li>
          <div class="icon icon-icon-48"></div>
          <input type="text" readonly="readonly" value="icon-48">
        </li>
        <li>
          <div class="icon icon-icon-49"></div>
          <input type="text" readonly="readonly" value="icon-49">
        </li>
        <li>
          <div class="icon icon-icon-50"></div>
          <input type="text" readonly="readonly" value="icon-50">
        </li>
        <li>
          <div class="icon icon-icon-51"></div>
          <input type="text" readonly="readonly" value="icon-51">
        </li>
        <li>
          <div class="icon icon-icon-52"></div>
          <input type="text" readonly="readonly" value="icon-52">
        </li>
        <li>
          <div class="icon icon-icon-53"></div>
          <input type="text" readonly="readonly" value="icon-53">
        </li>
        <li>
          <div class="icon icon-icon-54"></div>
          <input type="text" readonly="readonly" value="icon-54">
        </li>
        <li>
          <div class="icon icon-icon-55"></div>
          <input type="text" readonly="readonly" value="icon-55">
        </li>
        <li>
          <div class="icon icon-icon-56"></div>
          <input type="text" readonly="readonly" value="icon-56">
        </li>
        <li>
          <div class="icon icon-icon-57"></div>
          <input type="text" readonly="readonly" value="icon-57">
        </li>
        <li>
          <div class="icon icon-icon-58"></div>
          <input type="text" readonly="readonly" value="icon-58">
        </li>
        <li>
          <div class="icon icon-icon-59"></div>
          <input type="text" readonly="readonly" value="icon-59">
        </li>
        <li>
          <div class="icon icon-icon-60"></div>
          <input type="text" readonly="readonly" value="icon-60">
        </li>
        <li>
          <div class="icon icon-icon-61"></div>
          <input type="text" readonly="readonly" value="icon-61">
        </li>
        <li>
          <div class="icon icon-icon-62"></div>
          <input type="text" readonly="readonly" value="icon-62">
        </li>
        <li>
          <div class="icon icon-icon-63"></div>
          <input type="text" readonly="readonly" value="icon-63">
        </li>
        <li>
          <div class="icon icon-icon-64"></div>
          <input type="text" readonly="readonly" value="icon-64">
        </li>
        <li>
          <div class="icon icon-icon-65"></div>
          <input type="text" readonly="readonly" value="icon-65">
        </li>
        <li>
          <div class="icon icon-icon-66"></div>
          <input type="text" readonly="readonly" value="icon-66">
        </li>
        <li>
          <div class="icon icon-icon-67"></div>
          <input type="text" readonly="readonly" value="icon-67">
        </li>
        <li>
          <div class="icon icon-icon-68"></div>
          <input type="text" readonly="readonly" value="icon-68">
        </li>
        <li>
          <div class="icon icon-icon-69"></div>
          <input type="text" readonly="readonly" value="icon-69">
        </li>
        <li>
          <div class="icon icon-icon-70"></div>
          <input type="text" readonly="readonly" value="icon-70">
        </li>
        <li>
          <div class="icon icon-icon-71"></div>
          <input type="text" readonly="readonly" value="icon-71">
        </li>
        <li>
          <div class="icon icon-icon-72"></div>
          <input type="text" readonly="readonly" value="icon-72">
        </li>
        <li>
          <div class="icon icon-icon-73"></div>
          <input type="text" readonly="readonly" value="icon-73">
        </li>
        <li>
          <div class="icon icon-icon-74"></div>
          <input type="text" readonly="readonly" value="icon-74">
        </li>
        <li>
          <div class="icon icon-icon-75"></div>
          <input type="text" readonly="readonly" value="icon-75">
        </li>
        <li>
          <div class="icon icon-icon-76"></div>
          <input type="text" readonly="readonly" value="icon-76">
        </li>
        <li>
          <div class="icon icon-icon-77"></div>
          <input type="text" readonly="readonly" value="icon-77">
        </li>
        <li>
          <div class="icon icon-icon-78"></div>
          <input type="text" readonly="readonly" value="icon-78">
        </li>
        <li>
          <div class="icon icon-icon-79"></div>
          <input type="text" readonly="readonly" value="icon-79">
        </li>
        <li>
          <div class="icon icon-icon-80"></div>
          <input type="text" readonly="readonly" value="icon-80">
        </li>
        <li>
          <div class="icon icon-icon-81"></div>
          <input type="text" readonly="readonly" value="icon-81">
        </li>
        <li>
          <div class="icon icon-icon-82"></div>
          <input type="text" readonly="readonly" value="icon-82">
        </li>
        <li>
          <div class="icon icon-icon-83"></div>
          <input type="text" readonly="readonly" value="icon-83">
        </li>
        <li>
          <div class="icon icon-icon-84"></div>
          <input type="text" readonly="readonly" value="icon-84">
        </li>
        <li>
          <div class="icon icon-icon-85"></div>
          <input type="text" readonly="readonly" value="icon-85">
        </li>
        <li>
          <div class="icon icon-icon-86"></div>
          <input type="text" readonly="readonly" value="icon-86">
        </li>
        <li>
          <div class="icon icon-icon-87"></div>
          <input type="text" readonly="readonly" value="icon-87">
        </li>
        <li>
          <div class="icon icon-icon-88"></div>
          <input type="text" readonly="readonly" value="icon-88">
        </li>
        <li>
          <div class="icon icon-icon-89"></div>
          <input type="text" readonly="readonly" value="icon-89">
        </li>
        <li>
          <div class="icon icon-icon-90"></div>
          <input type="text" readonly="readonly" value="icon-90">
        </li>
        <li>
          <div class="icon icon-icon-91"></div>
          <input type="text" readonly="readonly" value="icon-91">
        </li>
        <li>
          <div class="icon icon-icon-92"></div>
          <input type="text" readonly="readonly" value="icon-92">
        </li>
        <li>
          <div class="icon icon-icon-93"></div>
          <input type="text" readonly="readonly" value="icon-93">
        </li>
        <li>
          <div class="icon icon-icon-94"></div>
          <input type="text" readonly="readonly" value="icon-94">
        </li>
        <li>
          <div class="icon icon-icon-95"></div>
          <input type="text" readonly="readonly" value="icon-95">
        </li>
        <li>
          <div class="icon icon-icon-96"></div>
          <input type="text" readonly="readonly" value="icon-96">
        </li>
        <li>
          <div class="icon icon-icon-97"></div>
          <input type="text" readonly="readonly" value="icon-97">
        </li>
        <li>
          <div class="icon icon-icon-98"></div>
          <input type="text" readonly="readonly" value="icon-98">
        </li>
        <li>
          <div class="icon icon-icon-99"></div>
          <input type="text" readonly="readonly" value="icon-99">
        </li>
        <li>
          <div class="icon icon-icon-100"></div>
          <input type="text" readonly="readonly" value="icon-100">
        </li>
        <li>
          <div class="icon icon-icon-101"></div>
          <input type="text" readonly="readonly" value="icon-101">
        </li>
        <li>
          <div class="icon icon-icon-102"></div>
          <input type="text" readonly="readonly" value="icon-102">
        </li>
        <li>
          <div class="icon icon-icon-103"></div>
          <input type="text" readonly="readonly" value="icon-103">
        </li>
        <li>
          <div class="icon icon-icon-104"></div>
          <input type="text" readonly="readonly" value="icon-104">
        </li>
        <li>
          <div class="icon icon-icon-105"></div>
          <input type="text" readonly="readonly" value="icon-105">
        </li>
        <li>
          <div class="icon icon-icon-106"></div>
          <input type="text" readonly="readonly" value="icon-106">
        </li>
        <li>
          <div class="icon icon-icon-107"></div>
          <input type="text" readonly="readonly" value="icon-107">
        </li>
        <li>
          <div class="icon icon-icon-108"></div>
          <input type="text" readonly="readonly" value="icon-108">
        </li>
        <li>
          <div class="icon icon-icon-109"></div>
          <input type="text" readonly="readonly" value="icon-109">
        </li>
        <li>
          <div class="icon icon-icon-110"></div>
          <input type="text" readonly="readonly" value="icon-110">
        </li>
        <li>
          <div class="icon icon-icon-111"></div>
          <input type="text" readonly="readonly" value="icon-111">
        </li>
        <li>
          <div class="icon icon-icon-112"></div>
          <input type="text" readonly="readonly" value="icon-112">
        </li>
        <li>
          <div class="icon icon-icon-113"></div>
          <input type="text" readonly="readonly" value="icon-113">
        </li>
        <li>
          <div class="icon icon-icon-114"></div>
          <input type="text" readonly="readonly" value="icon-114">
        </li>
        <li>
          <div class="icon icon-icon-115"></div>
          <input type="text" readonly="readonly" value="icon-115">
        </li>
        <li>
          <div class="icon icon-icon-116"></div>
          <input type="text" readonly="readonly" value="icon-116">
        </li>
        <li>
          <div class="icon icon-icon-117"></div>
          <input type="text" readonly="readonly" value="icon-117">
        </li>
        <li>
          <div class="icon icon-icon-118"></div>
          <input type="text" readonly="readonly" value="icon-118">
        </li>
        <li>
          <div class="icon icon-icon-119"></div>
          <input type="text" readonly="readonly" value="icon-119">
        </li>
        <li>
          <div class="icon icon-icon-120"></div>
          <input type="text" readonly="readonly" value="icon-120">
        </li>
        <li>
          <div class="icon icon-icon-121"></div>
          <input type="text" readonly="readonly" value="icon-121">
        </li>
        <li>
          <div class="icon icon-icon-122"></div>
          <input type="text" readonly="readonly" value="icon-122">
        </li>
        <li>
          <div class="icon icon-icon-123"></div>
          <input type="text" readonly="readonly" value="icon-123">
        </li>
        <li>
          <div class="icon icon-icon-124"></div>
          <input type="text" readonly="readonly" value="icon-124">
        </li>
        <li>
          <div class="icon icon-icon-125"></div>
          <input type="text" readonly="readonly" value="icon-125">
        </li>
        <li>
          <div class="icon icon-icon-126"></div>
          <input type="text" readonly="readonly" value="icon-126">
        </li>
        <li>
          <div class="icon icon-icon-127"></div>
          <input type="text" readonly="readonly" value="icon-127">
        </li>
        <li>
          <div class="icon icon-icon-128"></div>
          <input type="text" readonly="readonly" value="icon-128">
        </li>
        <li>
          <div class="icon icon-icon-129"></div>
          <input type="text" readonly="readonly" value="icon-129">
        </li>
        <li>
          <div class="icon icon-icon-130"></div>
          <input type="text" readonly="readonly" value="icon-130">
        </li>
        <li>
          <div class="icon icon-icon-131"></div>
          <input type="text" readonly="readonly" value="icon-131">
        </li>
        <li>
          <div class="icon icon-icon-132"></div>
          <input type="text" readonly="readonly" value="icon-132">
        </li>
        <li>
          <div class="icon icon-icon-133"></div>
          <input type="text" readonly="readonly" value="icon-133">
        </li>
        <li>
          <div class="icon icon-icon-134"></div>
          <input type="text" readonly="readonly" value="icon-134">
        </li>
        <li>
          <div class="icon icon-icon-135"></div>
          <input type="text" readonly="readonly" value="icon-135">
        </li>
        <li>
          <div class="icon icon-icon-136"></div>
          <input type="text" readonly="readonly" value="icon-136">
        </li>
        <li>
          <div class="icon icon-icon-137"></div>
          <input type="text" readonly="readonly" value="icon-137">
        </li>
        <li>
          <div class="icon icon-icon-138"></div>
          <input type="text" readonly="readonly" value="icon-138">
        </li>
        <li>
          <div class="icon icon-icon-139"></div>
          <input type="text" readonly="readonly" value="icon-139">
        </li>
        <li>
          <div class="icon icon-icon-140"></div>
          <input type="text" readonly="readonly" value="icon-140">
        </li>
        <li>
          <div class="icon icon-icon-141"></div>
          <input type="text" readonly="readonly" value="icon-141">
        </li>
        <li>
          <div class="icon icon-icon-142"></div>
          <input type="text" readonly="readonly" value="icon-142">
        </li>
        <li>
          <div class="icon icon-icon-143"></div>
          <input type="text" readonly="readonly" value="icon-143">
        </li>
        <li>
          <div class="icon icon-icon-144"></div>
          <input type="text" readonly="readonly" value="icon-144">
        </li>
        <li>
          <div class="icon icon-icon-142-1"></div>
          <input type="text" readonly="readonly" value="icon-142-1">
        </li>
        <li>
          <div class="icon icon-icon-143-1"></div>
          <input type="text" readonly="readonly" value="icon-143-1">
        </li>
        <li>
          <div class="icon icon-icon-144-1"></div>
          <input type="text" readonly="readonly" value="icon-144-1">
        </li>
        <li>
          <div class="icon icon-icon-149"></div>
          <input type="text" readonly="readonly" value="icon-149">
        </li>
        <li>
          <div class="icon icon-icon-145"></div>
          <input type="text" readonly="readonly" value="icon-145">
        </li>
        <li>
          <div class="icon icon-icon-146"></div>
          <input type="text" readonly="readonly" value="icon-146">
        </li>
        <li>
          <div class="icon icon-icon-147"></div>
          <input type="text" readonly="readonly" value="icon-147">
        </li>
        <li>
          <div class="icon icon-icon-148"></div>
          <input type="text" readonly="readonly" value="icon-148">
        </li>
        <li>
          <div class="icon icon-icon-157"></div>
          <input type="text" readonly="readonly" value="icon-157">
        </li>
        <li>
          <div class="icon icon-icon-158"></div>
          <input type="text" readonly="readonly" value="icon-158">
        </li>
        <li>
          <div class="icon icon-icon-159"></div>
          <input type="text" readonly="readonly" value="icon-159">
        </li>
        <li>
          <div class="icon icon-icon-160"></div>
          <input type="text" readonly="readonly" value="icon-160">
        </li>
        <li>
          <div class="icon icon-icon-161"></div>
          <input type="text" readonly="readonly" value="icon-161">
        </li>
        <li>
          <div class="icon icon-icon-162"></div>
          <input type="text" readonly="readonly" value="icon-162">
        </li>
      </ul>
      <h2>Character mapping</h2>
      <ul class="glyphs character-mapping">
        <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="&#xe037;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe037;">
        </li>
        <li>
          <div data-icon="&#xe038;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe038;">
        </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="&#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="&#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="&#xe090;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe090;">
        </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>
      </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>