.cscr-form {
    
}
.cscr-label {
    
}
.cscr-box {
    
}
.cscr {
    
}
.cscr > label {
    display: inline-block !important;
    margin: 0 10px 5px 0 !important;
    opacity: 0.4 !important;
    cursor: pointer !important;
    padding: 5px 10px 7px 10px !important;
    border-radius: 5px !important;
    color: #000000;
}
.cscr > label.cscr-positive {
    border: 1px solid #28a745;
}
.cscr > label.cscr-negative {
    border: 1px solid #dc3545;
}
.cscr > label.cscr-neutral {
    border: 1px solid #ffc107;
}
.cscr > label.cscr-positive .fa,
.cscr > label.cscr-positive.cscr-active {
    color: #28a745;
}
.cscr > label.cscr-negative .fa,
.cscr > label.cscr-negative.cscr-active {
    color: #dc3545;
}
.cscr > label.cscr-neutral .fa,
.cscr > label.cscr-neutral.cscr-active {
    color: #ffc107;
}

.cscr > label.cscr-active {
    opacity: 1 !important;
}

.cscr > label > input[type="radio"] {
    display: none;
}
.cscr > label > span {
    
}
.cscr > label > span > .fa {
    
}



.cscr-in-comment {
    float: right;
    display: block;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 50%;
    color: #ffffff;
    margin: 0 0 0 10px;
}
.cscr-in-comment-positive {
    background-color: #28a745;
}
.cscr-in-comment-negative {
    background-color: #dc3545;
}
.cscr-in-comment-neutral {
    background-color: #ffc107;
}



.cscr-average {
    margin-bottom: 15px;
}
.cscr-average__item {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2px 15px 2px 2px;
    border-radius: 20px;
}
.cscr-average__icon {
    display: inline-block;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 50%;
    color: #ffffff;
    margin: 0 10px 0 0;
}
.cscr-average__count {
    display: inline-block;
    font-size: 16px;
    line-height: 14px;
    cursor: default;
}
.cscr-average__item.cscr-average-positive {
    border: 1px solid #28a745;
}
.cscr-average__item.cscr-average-negative {
    border: 1px solid #dc3545;
}
.cscr-average__item.cscr-average-neutral {
    border: 1px solid #ffc107;
}
.cscr-average__item.cscr-average-positive .cscr-average__icon {
    background-color: #28a745;
}
.cscr-average__item.cscr-average-negative .cscr-average__icon {
    background-color: #dc3545;
}
.cscr-average__item.cscr-average-neutral .cscr-average__icon {
    background-color: #ffc107;
}