/*
ARTEPOLE <christian.ponsoda@nordnet.fr>.
Copyright (c) permanent, Artepole
*/
/* 
    Created on : 14 déc. 2017, 14:56:48
    Author     : Yves
*/
.rubric, .question, .respContainer {
    margin: 20px 0;
    padding: 20px 0;
}
.respMiContainer {
    
}
.rubricName {
    background: #f3f3f3;
    margin-bottom: 10px;
}
.question {
    border-bottom: 1px dotted #999;
}
.questionWording {
    border-top: 1px solid #999;
    padding: 20px 0;
    background: #f3f3f3;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
    font-size: 1.1em;
    color: #000;
}
.questionWording em {
    font-size: 0.9em;
    color: #666;
}
#playingPart {
    border: 1px solid #f3f3f3;
}
.aresp {
    background: #fff;
    padding: 13px 5px 5px;
    border: 1px solid #f6f6f6;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}
.aresp:hover {
    background: #f0f0f0;
    color: #484848;
    border: 1px solid #f0f0f0;
}
.qCard {
    padding: 0 10px;
}
.rCard {
    margin-bottom: 10px;
}
@media (max-width: 768px) {
  .rCard {
    margin: 10px 0;
}
}
.questionWordingCard {
    border-top: 1px solid #999;
    padding: 20px 0;
    background: #dbdedb;
    color: #000;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}
.arespCard {
    background: #fff;
    padding: 13px 5px 5px;
    border: 1px solid #f6f6f6;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}
.arespCard:hover {
    background: #f0f0f0;
    color: #484848;
    border: 1px solid #f0f0f0;
}
.selectedResp {
    background: #8a2ae3;
}
.notanswering {
    box-shadow: 0 10px 10px 0 rgb(216, 151, 38), 0 1px 10px 0 rgb(239, 210, 142);
}
.errorSpan {
    color: #ff5a00;
    font-weight: bold;
}
.tfOk, .tfKo {
    font-size: 1.1em;
}
.tfOk, .tfPv {
    color: #2a9b0e;
    font-size: 1.1em;
}
.tfKo, .tfPr {
    color: #9e0808;
}
.pastilles {
    position: absolute;
    padding: 10px 20px;
}