@media screen and (max-width: 767px) {
    .form-header{
        margin-top:25px;
    }
    
    h3.exam-heading{
        margin:0;
    }
}

@media screen and (min-width: 768px) {
    .form-header{
        margin-top:50px;
    }
}

.center-exam-brick{
    margin:0 auto;
    width:250px;
}

.exam-nav{
    border-top:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
    padding:15px 0;
    margin:0;
}

.exam-nav-btn{
    padding-left:0;
    padding-right:0;
}

.required{

}

.required:before {
    font-family: FontAwesome;
    content: "\f08d";
    color:#f0ad4e;
 }
 
.identity{
    border:1px solid #dfdfdf;
    padding:5px;
    background-color:#f1f1f1;
    }
    
.remaining{
    font-weight:700;
    height:20px;
}    

.exam-progress.progress{
    height:25px;
    background-color:#f1f1f1;
    border:1px solid #dfdfdf;
    margin-bottom:0;
}

.exam-progress .value{
    padding-top:2px;
}
.chapter{
    font-size:18px;
    color:#546673;
    font-style:italic;
}

.question-text{
    font-size:20px;
    font-weight:bold;
    padding-bottom:10px;
}


@media screen and (max-width: 768px) {
 ul.answers{
    padding:15px 15px 0 0!important;
}
input[type="radio"], input[type="checkbox"] {
    margin: 7px 0 0!important;
}
}


ul.answers{
    padding:15px 15px 0 15px;
}

.answers li span{
   // padding-left:15px;
   padding-left: 20px;
   display: block;
}

input[type="radio"], input[type="checkbox"] {
    margin: 5px 0 0;
    line-height: normal;
    float: left;
}
.answers{
    list-style: none;
    font-size:18px;
}

.exam-timeout .fa{
    font-size:75px;
    color:#5bc0de;
}

.agreement{
   color:#b1b1b1; 
}

.essay-question-ui{
    border:2px dashed #dfdfdf;
    margin:15px;
    padding:15px;
}

.essay-question-ui .fa{
    font-size:24px;    
    color:#5bc0de;
}

.essay-question-ui .glyph{
    padding-top:5px;
}
.essay-question-ui span{
    padding-top:0;
}

.question-review {
    position: fixed;
    left: 35px; //left: 60px;
    top: 60px;
    z-index: 1100;
    background: #fff;
}

@media screen and (max-width: 768px) {
    .question-review {
        position: relative;
        top: 0;
        left: 0;
        padding-bottom: 16px;
        background: #fff;
    }

    .questions-list {
        height: 200px;
        max-height: 250px;
        overflow-y: auto;
    }
}


.questions-list {
    height: calc(100vh - 110px);
    overflow-y: auto;
}

.questions-list .answered {
    color: #f0a000;
}

.mt-2 {
    margin-top: 0.5rem;
}

.px-2 {
    padding: 0 0.5rem 0 0.5rem;
}