.exam-title {background-color: #3079AB;}

/* ### Part 1 ### */

.part1 li {
    display: inline-block;
    float: left;
    width: 50%;
    height:200px;
    text-align: center;
}

.part1 .iBx {
    display: block;
    width: 100%;
    height:150px;
    float: left;
}

.part1 input[type=text] {
    padding:4px 0;

}

.bdrT {border-top:1px solid transparent;}

@media (max-width: 991px) {

    .bdrT {border-top:1px solid #CCC; margin-top: 20px; padding-top: 20px;}
}


.drag {
    border:1px solid #355370;
    color: #036; width:auto;
    cursor: pointer;
    padding:0 7px;
    background-color: #F1F9FF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: inline-block;
}



/* ### Part 2 ### */


.part2 input[type=text] {
    padding:5px 0;
    width:60px !important;
}

.bdrL {border-left:1px solid #ccc}

@media (max-width: 991px) {

    .part2 p {text-align: center;}

    .part2 li {
        display: inline-block;
        width:50%;
        text-align: center;
        float: left;
    }

    .bdrL {border-left:0;}
}


/* ### Part 3 ### */

.part3 img {display: block;margin: 0 auto;}

ul {list-style: none;}

.touche {
    border:1px solid #355370;
    color: #036; width:auto;
    cursor: pointer;
    padding:0 7px;
    background-color: #F1F9FF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: inline-block;
}

.touchSel{
    background-color: #ccc;
}

.toucheCorrect {background-color:#f1ffee !important; color: green !important; border:1px solid green !important;}
.toucheWrong {background-color:#fee6e6 !important; color:red !important; border: 1px solid red !important; }


/* ### Part 4 ### */

.col-md-12 img {margin-bottom: 40px !important;}

.part4 li {
    display: inline-block;
    float: left;
    width: 50%;
    height:200px;
    text-align: center;
}

.part4 .iBx {
    display: block;
    width: 100%;
    height:150px;
    float: left;
}

.part4 input[type=text] {
    padding:4px 0;

}

.bdrT {border-top:1px solid transparent;}

@media (max-width: 991px) {

    .bdrT {border-top:1px solid #CCC; margin-top: 20px; padding-top: 20px;}
}



/* ### Part 7 ### */


/* ##########      PART 1       ########## */

.part6 .hght {
    height:150px;
    overflow-y: auto;
    border:1px solid #CCC;
    padding: 5px;
    overflow-x: hidden;
}

@media (max-width: 991px) {
    .part6 .hght {
    height:auto;
    border:0;
    padding: 5px 0;
    }
    .part6 .brBtm {
    padding:2px 0;
    margin:0 5%;
    border-bottom: 1px solid #e1e5f0 ;
    }

    input[type=text] {
        display: block;
    }
}

.part6 .drag {
    border:1px solid #355370;
    color: #036; width:auto;
    cursor: pointer;
    padding:0 7px;
    background-color: #F1F9FF;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: inline-block;
}

input[type=text] {
    padding:3px 0;
}