input[id*="cor"] {
    display: none;
}

    input[id*="cor"]:checked + label:before {
        content: '\f00c';
        display: block;
        position: absolute;
        font-family: 'fontawesome';
        top: 3px;
        left: 7px;
        font-size: 12px;
        color: #000;
    }

label[class*="cor"] {
    display: inline-block;
    height: 28px;
    width: 28px;
    border-radius: 14px;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    margin-right: 5px;
}

    label[class*="cor"]:hover {
        border-color: #000;
    }


input[id*="size"] {
    display: none;
}

    input[id*="size"]:checked + label:before {
        content: '\f00c';
        display: block;
        position: absolute;
        font-family: 'fontawesome';
        top: 3px;
        left: 6px;
        font-size: 12px;
        color: #000;
    }

label[class*="size"] {
    display: inline-block;
    height: 28px;
    min-width: 100px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px 5px 20px;
    padding-top: 0px;
    border-color: #a7a5a5;
    font-family: BYekan,tahoma;
    font-size: 12px;
    color:black
}

    label[class*="size"]:hover {
        border-color: #808080;
    }

/*.cor1 {
            background-color: #4986E7;
            border-color: #4986E7;
        }

        .cor2 {
            background-color: #f44336;
            border-color: #f44336;
        }*/


.stars {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 0;
    width: 150px;
    direction: ltr;
}

.ie7 form .stars {
    *zoom: 1;
}

.stars:before,
.stars:after {
    display: table;
    content: "";
}

.stars:after {
    clear: both;
}

.stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .stars input[type="radio"].star-5:checked ~ span {
        width: 100%;
    }

    .stars input[type="radio"].star-4:checked ~ span {
        width: 80%;
    }

    .stars input[type="radio"].star-3:checked ~ span {
        width: 60%;
    }

    .stars input[type="radio"].star-2:checked ~ span {
        width: 40%;
    }

    .stars input[type="radio"].star-1:checked ~ span {
        width: 20%;
    }

.stars label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent !important;
    cursor: pointer;
}

    .stars label:hover ~ span {
        background-position: 0 -30px;
    }

    .stars label.star-5:hover ~ span {
        width: 100% !important;
    }

    .stars label.star-4:hover ~ span {
        width: 80% !important;
    }

    .stars label.star-3:hover ~ span {
        width: 60% !important;
    }

    .stars label.star-2:hover ~ span {
        width: 40% !important;
    }

    .stars label.star-1:hover ~ span {
        width: 20% !important;
    }

.stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABaCAYAAACv+ebYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDcvMDMvMTNJ3Rb7AAACnklEQVRoge2XwW3bMBSGPxa9NxtIGzTAW8DdRL7o3A0qb+BrdNIm9QAm0G7gbJBMwB5MoVJNUSRFIXGqHwhkmXr68hOPNH9ljOEt9OlNqBs4RlrrSmtdpdZ/Ti0EGnvtUoqTHFunBVCkuk6d6mbi83rggdteSa5THDeB3+UDO9z2inatXFum1roESuAReAB29vp15n2/gRfgZK+/gIuIXLxgrfUO+Bnzn0fom4ic+pvRVNuB/QrQ/RB6A7bwLjN8b985krO5MsKd0ElwJvgk1AteCPdCYWI5/SutddQxRUTU3DOzG4hd01EKqQnZuaLBITUh4F0CeLYm5CDw6PjuFTjaz9+BLwE1I8VO9StwAEoRaUSkseMHO+aqcWq2qwcdfQCOIvIy8dwDV/c/YL6zvWDbnQ3QuH5hltQEreM1dH/n6g28gT8eWLVUqqVKrb+vtGidFkCR6vp+0uLAba8k1/eRFh1ue0W7dv4sqpaSjGnR1Fy8YNWyY8W0aGpO/c1oqu3AKmlxCL0BW3iXGb637xzJ2VwZ4U7oJDgTfBLqBS+Ee6EQeMpULVFHUVOzPC3aNR2lkJotLbr0vtKiqWlMTcNaaXHQ0QfgaGqcaVG1jNLibGcbYyb/eDIlT6bjyZS+51JqtrS4gTfw/wzWqkKrKrU8fQPR6gKAmDKlPM3x1WkBFKmu0xxf3fZR5jnFdbzjv257JbmOdzx22yvadZzjW7e9ol27HWtVkjEtIubiB2u1Y8W0iJhTfzOe6uvAKmlxCL0FX+FdZvjevnMkd3Plgzuh0+A88EmoH7wM7oVC6AaiVdwuI2Z5WrRrOk4BNVtadOl9pUXENIhpWCstDjr6ABwR40yLaDVKi7Od7U1/Z0pzpjNngtNiaM2WFj8++A+motm0NTqjmwAAAABJRU5ErkJggg==') repeat-x 0 -60px;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s;
}