#exam {
    background: #f2f2f2;
    padding: 50px 0px;
}
#exam .box-exam {
    background: #BFCDDA;
    padding: 15px;
}

.register-exam {
    background: #FFF;
}

.type-title {
    color: #ff2000
}

#box-show-question {
    height: 90vh;
    background: #FFF;
}

#exam .box-exam .exam {
    flex: 0 0 10%;
    max-width: 33.33%;
}

#exam .box-exam .exam.active .stt {
    background: #FDC0C2;
}

#exam .box-exam .exam.active .item-exam>div,
#exam .box-exam .exam.wrong .item-exam>div {
    background: #ff3e22;
}
#exam .box-exam .exam.right .item-exam>div {
    background: #00F450;
}

.item-exam {
    padding: 5px;
}

.item-exam>div {
    background: #FFF;
}

.item-exam .stt {
    background: #C6C5F4;
    display: block;
    width: 30px;
    height: 30px;
    box-shadow: -1px -1px 1px 1px #fff, 0px 0px 2px 1px #000;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
}

.btn-end-exam {
    background: #EEF1EF;
    display: block;
    padding: 5px;
    margin-top: 15px;
    border: 0px;
    outline: none;
    color: #FF2000;
    width: 100%;
    cursor: pointer;
}
.checkbox-place span.right{
    color: #00F450;
    font-weight: bold;
}