.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 {
    /*background: #d3d3d3;
    border: 0;
    transform: translate(0,-2px);*/
	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; }