.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.excelente{background-image:url("/anguCad/img/excelente.png");}
.bom{background-image:url(/anguCad/img/bom.png);}
.regular{background-image:url(/anguCad/img/regular.png);}
.pessimo{background-image:url(/anguCad/img/pessimo.png);}
.ruim{background-image:url(/anguCad/img/ruim.png);}
.sim{background-image:url(/anguCad/img/sim.png);}
.nao{background-image:url(/anguCad/img/nao.png);}
.naosei{background-image:url(/anguCad/img/naosei.png);}


.emoji-otimo{background-image:url(/anguCad/img/emoji-otimo.png);}
.emoji-bom{background-image:url(/anguCad/img/emoji-bom.png);}
.emoji-regular{background-image:url(/anguCad/img/emoji-regular.png);}
.emoji-insuficiente{background-image:url(/anguCad/img/emoji-insuficiente.png);}

.cc-selector input:active +.iconcard-cc{opacity: .9;}
.cc-selector input:checked +.iconcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.iconcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:45px;height:30px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.2);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.2);
            filter: brightness(1) grayscale(0) opacity(0.2);
}
.iconcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.5) grayscale(0.1) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}

.label-icon{
	margin-top: -20px;
    margin-left: -13px;
    position: absolute;
}

.label-icon-bom{
	margin-top: -20px;
    margin-left: 3px;
    position: absolute;
}

.label-icon-bom2{
	margin-top: -20px;
    margin-left: -7px;
    position: absolute;
}

.label-icon-bom3{
	margin-top: -20px;
    margin-left: -15px;
    position: absolute;
}

.label-icon-centered{
	margin-top: -20px;
    margin-left: 8px;
    position: absolute;
    font-weight: bold;
}

.label-icon-centered2{
	margin-top: -20px;
    margin-left: -1px;
    position: absolute;
    font-weight: bold;
}

.label-icon-naosei{
	margin-top: -20px;
    margin-left: -7px;
    position: absolute;
}

.label-icon-não{
	margin-top: -20px;
    margin-left: -7px;
    position: absolute;
}

.iconcardindex-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:45px;height:30px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
}