/* http://jsfiddle.net/La8wQ/313/ */

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}


.opcA:after{
    content:"";
    position:absolute;
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/A.png);
    width: 30px;
    height: 30px;
    left: 0px;
    bottom: calc(50% - 15px);
    z-index: -1;
    background-repeat: no-repeat;
}

.opcB:after{
    content:"";
    position:absolute;
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/B.png);
    width: 30px;
    height: 30px;
    left: 0px;
    bottom: calc(50% - 15px);
    z-index: -1;
    background-repeat: no-repeat;
}
.opcC:after{
    content:"";
    position:absolute;
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/C.png);
    width: 30px;
    height: 30px;
    left: 0px;
    bottom: calc(50% - 15px);
    z-index: -1;
    background-repeat: no-repeat;
}
.opcD:after{
    content:"";
    position:absolute;
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/D.png);
    width: 30px;
    height: 30px;
    left: 0px;
    bottom: calc(50% - 15px);
    z-index: -1;
    background-repeat: no-repeat;
}

.opcDiscardA:after{background-image:url(https://wizi.academy/assets/img/Bullet%20Points/A_discarded.png); !important;}
.opcDiscardB:after{background-image:url(https://wizi.academy/assets/img/Bullet%20Points/B_discarded.png); !important;}
.opcDiscardC:after{background-image:url(https://wizi.academy/assets/img/Bullet%20Points/C_discarded.png); !important;}
.opcDiscardD:after{background-image:url(https://wizi.academy/assets/img/Bullet%20Points/D_discarded.png); !important;}

.cc-selector input:active +.drinkcard-cc{opacity: .9;}

.cc-selector input:checked +.opcA:after{
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/A_selected.png);
}
.cc-selector input:checked +.opcB:after{
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/B_selected.png);
}
.cc-selector input:checked +.opcC:after{
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/C_selected.png);
}
.cc-selector input:checked +.opcD:after{
    background-image:url(https://wizi.academy/assets/img/Bullet%20Points/D_selected.png);
}
.drinkcard-cc{
    padding-left: 32px;
    cursor:pointer;
    background-repeat:no-repeat;
    display:inline-block;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/* Extras */
a:visited{color:#888}
a{color:#444;text-decoration:none;}
p{margin-bottom:.3em;}
span.cc{ color:#6d84b4 }


.optDerecha {
    cursor: pointer;
}

.botonReportar{
    color: black;
    background: transparent;
    border: 0px;
}


.textoLectura p{
    font-size: 16px;
    font-family: 'Times New Roman', Times, serif
}

.contadorLineas {
    width: 30px;
    background: #F5F5F5;
    color: #BBB;
    position: absolute;
    padding:10px 5px;
}

.areaLecturaDiv > p {
    padding:5px 10px;
    position:relative;
    border:2px solid rgb(74,77,82);
    border:2px solid rgba(74,77,82,.5);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin-left: 50px;
}

.inlileft {display:inline-block} 
.inlirigth {display:inline-block}