.checkbox-with-emoji input,.radio-with-emoji input{
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 22px;
    height: 22px;
}
.checkbox-with-emoji input+i,.radio-with-emoji input+i{
    opacity: 0.4;
    position: relative;
    z-index: 11;
    display: inline-block;

}
.checkbox-with-emoji input:checked+i,.radio-with-emoji input:checked+i{
    display: inline-block;
    opacity: 1;
}

.checkbox-with-emoji input:checked+i,.radio-with-emoji input:checked+i{
    font-size: 60px;
    margin-left: -10px;
    margin-top: -24px;
    z-index: 99999;
    position: absolute;
}
.i-emoji-smile-beam{
    color: #4CAF50;
}
.i-emoji-grin{
    color: #8BC34A;
}
.i-emoji-meh{
    color: #FFC107;
}
.i-emoji-frown{
    color: #FAA652;
}
.i-emoji-angry{
    color: #F14D4D;
}
.i-emoji-smile-hearts{
    color: #E91E63;
}
.wsi-rating-star{
    direction: rtl!important;/* right to left */
    unicode-bidi: bidi-override!important;/* bidi de bidireccional */
    text-align: left!important;
}
.wsi-rating-star label i{ 
    font-size: 30px!important;
    margin-right: 5px;
}
.wsi-rating-star input[type="radio"]{ 
    display:none!important;
}
.wsi-rating-star label:hover{
    color:orange!important;
}
.wsi-rating-star label:hover ~ label{
    color:orange!important;
}
.wsi-rating-star input[type="radio"]:checked ~ label{
    color:orange!important;
}
.wsi-rating-smile{
    direction: rtl!important;/* right to left */
    unicode-bidi: bidi-override!important;/* bidi de bidireccional */
    text-align: left!important;
    display: inline-block;
}
.wsi-rating-smile label i{ 
    font-size: 30px!important;
    margin-right: 2px;
}
.wsi-rating-smile input{ 
    display:none!important;
}
.wsi-rating-smile label:hover{
    cursor: pointer;
    /* margin-top: -10px; */
}
.wsi-rating-smile label{
    width: 40px;
    height: 40px;
    position: relative;
}
.wsi-rating-smile label{
    margin-bottom: 10px;
}
.wsi-rating-smile input:checked+label{
    margin-top: -10px;
}
.wsi-rating-smile input:hover+label i{
    /* position: absolute;
    z-index: 999!important;
    text-align: center!important;
    margin-right: -46px;
    margin-top: -6px;
    font-size: 60px!important; */
}
.wsi-rating-smile input:checked+label i{
    /* position: absolute;
    z-index: 999!important;
    text-align: center!important;
    margin-right: -46px;
    margin-top: -6px;
    font-size: 60px!important; */
}