.helpdesk_reviews-item {
    text-align: right;
}

.helpdesk_reviews-smile {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border-radius: 100%;
}

.helpdesk_reviews-smile:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center center no-repeat;
}

.helpdesk_reviews-smile.bad {
    background: #DF532D;
}

.helpdesk_reviews-smile.normal {
    background: #f99500;
}

.helpdesk_reviews-smile.good {
    background: #58cc47;
}

.helpdesk_reviews-smile.bad:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDJjNS41MTQgMCAxMCA0LjQ4NiAxMCAxMHMtNC40ODYgMTAtMTAgMTBTMiAxNy41MTQgMiAxMiA2LjQ4NiAyIDEyIDJ6bTAtMkM1LjM3MyAwIDAgNS4zNzMgMCAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMlMxOC42MjcgMCAxMiAwem0uMDAxIDE0Yy0yLjMzMiAwLTQuMTQ1IDEuNjM2LTUuMDkzIDIuNzk3bC40NzEuNThjMS4yODYtLjgxOSAyLjczMi0xLjMwOCA0LjYyMi0xLjMwOCAxLjg5IDAgMy4zMzYuNDg5IDQuNjIyIDEuMzA4bC40NzEtLjU4QzE2LjE0NiAxNS42MzYgMTQuMzMzIDE0IDEyLjAwMSAxNHpNOC41IDhhMS41IDEuNSAwIDEwMCAzIDEuNSAxLjUgMCAwMDAtM3ptNyAwYTEuNSAxLjUgMCAxMDAgMyAxLjUgMS41IDAgMDAwLTN6Ii8+PC9zdmc+);
}

.helpdesk_reviews-smile.normal:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDJjNS41MTQgMCAxMCA0LjQ4NiAxMCAxMHMtNC40ODYgMTAtMTAgMTBTMiAxNy41MTQgMiAxMiA2LjQ4NiAyIDEyIDJ6bTAtMkM1LjM3MyAwIDAgNS4zNzMgMCAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMlMxOC42MjcgMCAxMiAwem00IDE3SDh2LTJoOHYyek04LjUgOGExLjUgMS41IDAgMTAwIDMgMS41IDEuNSAwIDAwMC0zem03IDBhMS41IDEuNSAwIDEwMCAzIDEuNSAxLjUgMCAwMDAtM3oiLz48L3N2Zz4=);
}

.helpdesk_reviews-smile.good:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyIDJjNS41MTQgMCAxMCA0LjQ4NiAxMCAxMHMtNC40ODYgMTAtMTAgMTBTMiAxNy41MTQgMiAxMiA2LjQ4NiAyIDEyIDJ6bTAtMkM1LjM3MyAwIDAgNS4zNzMgMCAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMlMxOC42MjcgMCAxMiAwem01LjUwNyAxMy45NDFjLTEuNTEyIDEuMTk1LTMuMTc0IDEuOTMxLTUuNTA2IDEuOTMxLTIuMzM0IDAtMy45OTYtLjczNi01LjUwOC0xLjkzMUw2IDE0LjQzNEM3LjEyNyAxNi4xNTQgOS4yIDE4IDEyLjAwMSAxOGMyLjggMCA0Ljg3Mi0xLjg0NiA1Ljk5OS0zLjU2NmwtLjQ5My0uNDkzek04LjUgOGExLjUgMS41IDAgMTAwIDMgMS41IDEuNSAwIDAwMC0zem03IDBhMS41IDEuNSAwIDEwMCAzIDEuNSAxLjUgMCAwMDAtM3oiLz48L3N2Zz4=);
}

.helpdesk_reviews-smile.big {
    width: 120px;
    height: 120px;
}

.helpdesk_reviews-smile.big:before {
    background-size: 110px;
}

.helpdesk_reviews-items .helpdesk_reviews-item {
    float: left;
    padding: 20px 15px 10px;
    opacity: 0.5;
    cursor: pointer;
}

.helpdesk_reviews-items .helpdesk_reviews-item:hover {
    opacity: 1;
}

.helpdesk_reviews-list .helpdesk_reviews-item {
    text-align: left;
}