.dn-post-rating-comments-rating-field {
    border: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 1rem;
}

.dn-post-rating-comments-rating-field label {
    display: inline-block;
}

.dn-post-rating-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.dn-post-rating-container * {
    font-size: 1.4rem;
}

.dn-post-rating-container > input {
    display: none;
}

.dn-post-rating-container > input + label {
    /* only enough room for the star */
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    margin: 0;
    width: 2rem;
    height: 1.5rem;
    background: url(img/krone.png) no-repeat;
    background-size: contain;
    opacity:.3;
    margin-right:2px;
}
.dn-post-rating-container > input:not([disabled]) + label {
    cursor: pointer;
}

.dn-post-rating-container > input:not([disabled]):checked ~ label,
.dn-post-rating-container > input:not([disabled]) + label:hover ~ label,
.dn-post-rating-container > input:not([disabled]) + label:hover {
    opacity:1;
}

.dn-post-rating-container > .star-cb-clear + label {
    position: absolute ;
    width: 1px ;
    height: 1px ;
    padding: 0 ;
    margin: -1px ;
    overflow: hidden ;
    clip: rect(0, 0, 0, 0) ;
    white-space: nowrap ;
    border: 0 ;
}

.dn-post-rating-container:hover > input:not([disabled]) + label:before {
    content: "\f154";
    color: #888;
    text-shadow: none;
}

.dn-post-rating-container:hover > input:not([disabled]) + label:hover ~ label:before,
.dn-post-rating-container:hover > input:not([disabled]) + label:hover:before {
    content: "\f155";
    color: #e52;
    text-shadow: 0 0 1px #333;
}




.dn-post-rating-rating {
    display: flex;
    /*max-width: 180px;*/
}
.dn-post-rating-rating .rating-icon {
    width: 2rem;
    height: 1.5rem;
    /*margin-right: 2px;*/
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background: url(img/krone.png) no-repeat;
    background-size: contain;
}
.dn-post-rating-rating .rating-icon :before {
    content: '';
    display: block;
    padding-bottom: 100%;
}
.dn-post-rating-rating .rating-icon.filled {
}
.dn-post-rating-rating .rating-icon.empty {
    opacity: .3;
}