/*
Copyright (C) 2017		 Oscss-Shop       <support@oscss-shop.fr>.

This program is free software; you can redistribute it and/or modifyion 2.0 (the "License");
it under the terms of the GNU General Public License as published bypliance with the License.
the Free Software Foundation; either version 3 of the License, or

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
or see http://www.gnu.org/
*/
/* 
    Created on : 21 juin 2017, 11:02:12
    Author     : Focoweb
*/
.ratingMod {
    display: inline-block;
}
.star-ratings-sprite {
    background: url("../img/star-rating-sprite.png") repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    display: inline-block;
    vertical-align: top;
}
.star-ratings-sprite-rating {
    background: url("../img/star-rating-sprite.png") repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display:block;
}  
.star-ratings-sprite-rating-negative {
    background: url("../img/star-rating-sprite-red.png") repeat-x;
    background-position: right 100%;
    float: right;
    height: 21px;
    display:block;
}

/*form */
#dialog-rating {
    width: 300px;
}
#dialog-rating .star-neutral,
#dialog-rating .star-negative,
#dialog-rating .star-positive {
    background: rgba(0, 0, 0, 0) url("../img/star-rating-sprite.png") repeat-x scroll 0 0;
    color: white;
    display: inline-block;
    font-size: 8px;
    height: 21px;
    line-height: 24px;
    text-align: center;
    width: 21px;    
    margin: 6px 3px;    
    transition: all 0.2s ease 0s;
    cursor: pointer;
    user-select: none;
}
#dialog-rating .star-positive {    
    background: rgba(0, 0, 0, 0) url("../img/star-rating-sprite.png") repeat-x scroll 0 100%;
}
#dialog-rating .star-negative{
    background: rgba(0, 0, 0, 0) url("../img/star-rating-sprite-red.png") repeat-x scroll 0 100%;
}

#dialog-rating input[name="rating"]  {
    display: none;
}

#dialog-rating input[type="radio"]:checked+label{ 
    font-weight: bold; 
    transform: scale(1.5);    
}
#dialog-rating .star-neutral:hover,
#dialog-rating .star-negative:hover,
#dialog-rating .star-positive:hover {
    transform: scale(1.2);
}

#dialog-rating textarea.comment {
    width: 300px !important;
    box-sizing: border-box;
}