/* Element specific rules that affect only this element class */

.custombox-question {
    width: 100%;
}

.custombox-header-collapser.question {
    font-weight: bold;
    padding: 3px 10px;
}

.custombox-content.hint {
    padding: 10px 20px;
}

.custombox-content.answertext {
    min-height: 100px;
    padding: 10px 20px;
}

.custombox-header-collapser.question .comment {
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.custombox-header-collapser.question .teacher-comment {
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.custombox-qcm-input {
    display: table-cell;
    padding-right: 10px;
}

.custombox-qcm-text {
    display: table-cell;
    padding-right: 10px;
}
/* Skined variants */

.custombox-header-thumb.question.colored {
    border-right: 1px solid #f00000;
}

.custombox-header-caption.question.colored {
    color: #f00000;
}

.custombox-header-thumb.question {
    background-image: url("/mod/customlabel/type/question/pix/icon_question.png");
}

.custombox-content.hint {
    background-color: #d0d0ff;
    color: #0000a0;
}

.custombox-content.answertext {
    background-color: #d0ffd0;
    color: #00a000;
}

.custombox-header-collapser.question .teacher-comment {
    color: #e00;
}

.custombox-qcm-answer.incorrect {
    border: 1px solid #f88;
    background-color: #fcc;
    border-radius: 8px;
}

.custombox-qcm-answer.correct {
    border: 1px solid #8f8;
    background-color: #cfc;
    border-radius: 8px;
}

.custombox-header-thumb.question.flatstyle {
    background-image: url("/mod/customlabel/pix/spots/FFFF1E_spot.png");
}

.custombox-header-thumb.question.flatstyle:after {
    content: "\f128";
}