.tick_green {
    display:inline-block;
    width: 22px;
    height:22px;
    background: #00C000;
    border-radius:50%;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.tick_green:before{
    content:"";
    position: absolute;
    width:3px;
    height:11px;
    background-color:#FFF;
    left:11px;
    top:5px;
}

.tick_green:after{
    content:"";
    position: absolute;
    width:7px;
    height:3px;
    background-color:#FFF;
    left:7px;
    top:13px;
}

.x_red {
    display:inline-block;
    width: 22px;
    height:22px;
    background: #ff5050;
    border-radius:50%;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.x_red:before{
    content:"";
    position: absolute;
    width:3px;
    height:15px;
    background-color:#FFF;
    left:9px;
    top:3px;
}

.x_red:after{
    content:"";
    position: absolute;
    width:15px;
    height:3px;
    background-color:#FFF;
    left:3px;
    top:9px;
}