.template_tag {
    line-height: 24px;
    border: 1px solid #ccc;
    background-color: #e1e1e1;
    float:left;
    width: auto;
    padding: 0 7px;
    margin: 0 4px 4px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    border-radius: 3px;
}

.template_tag:hover {
    background-color: rgba(225, 225, 225, 0.5);
}

.template_tag.active {
    border: 1px solid #008ec2;
    background-color: #008ec2;
    color:#fff;
}


.template_tag.active:hover {
    background-color: rgba(0, 143, 249, 0.75);
}


.template_tag_table {
    line-height: 20px;
    border: 1px solid #ccc;
    background-color: #e1e1e1;
    float:left;
    width: auto;
    padding: 0 7px;
    margin: 0 4px 4px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    font-size: 11px;
    border-radius: 3px;
}

.template_tag_table:hover {
    background-color: rgba(225, 225, 225, 0.5);
}