.coolsymbol,.codesymbol{cursor:pointer;position:relative;margin:4px;border-radius:8px;transition:.2s;
background-color:#fff;
display:inline-block;
min-width:75px;
height:75px;
line-height:75px;
text-align:center;
vertical-align:middle;overflow:hidden;border-color:#757575;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-khtml-border-radius:8px;border-style:outset;
border:1px solid #fff 
}
.coolsymbol { font-size:45px; }
.symbols .symbol{
display:block;
border-radius:3px;overflow:hidden;background:#fff;color:#555
}
.symbols {
margin-top: 10px;
overflow-x: scroll;
}
.copy {
color: #fff;
font-size: 10px;
position: absolute;
padding: 5px 10px;
top: -2px;
right: 16px;
border-radius: 3px;
z-index: 9999;
float: left;
line-height: 10px;
}
.coolsymbol:hover,.codesymbol:hover { border: 1px solid #00ced1;
}
.coolsymbol:hover span.copy,.codesymbol:hover span.copy{
display: block;
color: #0000cd;
}
.tbl {
border-collapse: collapse;
}
.tbl td, th {
border: 1px solid #d3d3d3;
}
.tbl th {
text-align: center;
}
.tbl td {
background-color: #fff;
}
.tblH2Cust1 {
font-size: 16px !important;
}
.tblH2Cust2 {
font-size: 16px !important;
color: #444343!important;
font-weight: bold;
}
.symbList { display:inline-block; padding: 5px 10px; font-weight: bold; }
.symbList:hover { box-shadow: 0 0 3px gray; border-radius: 5px; }