/* ----------------------------------------------------------------- */
/* --------------------------- CSS of view ------------------------- */
/* ----------------------------------------------------------------- */

#im-nm.view-mode .quiz-image {
    text-align: center;
}

#im-nm.view-mode .quiz-image img {
    margin: 0px auto 20px 0;
    max-width: 100%;
}

#im-nm.view-mode .progress-linear-counter {
    color: #3c3c3e
}

#im-nm.view-mode .progress {
    border-radius: 0;
}

#im-nm.view-mode .progress .progress-bar {
    border-radius: 0;
}

.quiz-locked {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.quiz-locked .alert {
  border-radius: 12px;
  padding: 1rem 1.25rem;
}

li.form-question-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
}

#im-nm.view-mode .answer button img{
    margin-right:10px;
    vertical-align: middle;
    width: 25px;
}

#im-nm.view-mode #timer .startTime, #im-nm.view-mode #timer .time {
    display:none;
}

/* VENTI CASELLI TEMPLATE */

#im-nm table.zwanzig tr {
    text-align: center;
}

#im-nm table.zwanzig tr:nth-child(odd) td {
    background: #efeeee;
}

#im-nm table.zwanzig td {
    border-left: 1px solid #ccc;
}

#im-nm table.zwanzig td:first-child {
    border-left: none;
}

#im-nm table.zwanzig td {
    border-right: 1px solid #ccc;
}

#im-nm table.zwanzig td:last-child {
    border-right: none;
}


/* BRAIN RELAIS TEMPLATE */

#im-nm .coords_brain_relais .selection_dot {
    pointer-events: none; 
}

#im-nm.view-mode .choose_brain_relais img {
    width:20%;
    margin-right: 15px;
    cursor:pointer;
}

#im-nm.view-mode .coords_brain_relais {
    margin: 20px 0 0 40px;
    display:none;
}

#im-nm.view-mode .coords_brain_relais h5 {
    font-size:12px;
}

#im-nm .selected_brain_relais {
    position:relative;
    min-height:320px;
}

#im-nm.view-mode .selected_brain_relais .selection_dot {
    display:none;
}

#im-nm .selected_brain_relais .selection_dot {
    position:absolute;
    z-index: 10;
}

#im-nm.result-mode .selected_brain_relais .brain_true {
    border: 5px solid #3B8C2B;
    border-radius: 10px 10px 10px 10px;
}

#im-nm.result-mode .selected_brain_relais .brain_false {
    border: 5px solid #AB3627;
    border-radius: 10px 10px 10px 10px;
}

#im-nm.result-mode .selected_brain_relais .wrong, #im-nm.result-mode .selected_brain_relais .correct {
    text-align: center;
    margin-top: 10px;
}