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

#audio {
    float:left;
    margin: 5px 0 40px 0;
    text-align: center;
    width:100%;
    display: block;
    background-image: url(/static/images/soundBg.png);
    background-repeat: no-repeat;
    background-position: center left;
}


/* Part 1 */


.p1 #draw_links_panel {
    text-align:center !important;
    margin-bottom: 20px;
}

.p1 #draw_links_panel h3 {
    height: 50px;
    width: 50px;
    line-height:40px;
    text-align: center;
    border: 3px solid transparent;
    margin: 20px 5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.p1 #draw_links_panel h3:hover {
    border:3px solid #003366;
}



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

.part2 .bdrBox {
    border:2px solid #DADDE2;
    float: left;
    width: 95%;
    margin: 0 2.5%;
    padding: 5% 2.5%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.part2 h1 {margin: 30px 0 !important;}
.part2 .row {margin-bottom:15px;}
.part2 p {margin: 0 !important;}


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


/********* PART 3 **********/


.part3 input {
    width:35px !important;
    height: 35px !important;
}

.part3 .drag {
    border: 1px solid #c0c8c9;
    background-color: #f4f8f8;
    color: #036;
    width:35px;
    height:35px;
    cursor: pointer;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    margin: 5px auto;
    text-align: center;
    line-height: 35px;
}

.part3 .drag:hover {
    background-color: #d2dcdd;
}

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


/* ### Part 4 ### */
.part4 .quest {display: block; width:100%; margin: 10px auto; float: left;}
.quest img {display: block; margin: 0 auto;}
.part4 ul {
    margin: 0;
    padding: 0;
    width:100%;
    display: block;
    float:left;
    text-align: center;
}

.part4 li {
    display: inline-block;
    width: 29%;
    margin: 0 1%;
}
.part4 .touche {
    display:block;
    border: 1px solid #d2dcdd;
    background-color: #f4f8f8;
    padding: 5px;
    margin-bottom: 15px;
    text-align: center;
}

.part4 .touche:hover {
    background-color: #d2dcdd;
    cursor: pointer;
}

.part4 .touchSel {
    background-color: #c6cfd0 !important;
}

.part4 hr {float: left; width: 100%;}

.correct-answer-txt {
    display: none;
    /*
    position: absolute;
    bottom: 20px;
    text-align: center;
    color: white !important;
    background: green;
    display: block;
    width: 94%;
    margin-left: 3%;
    padding: 5px 0;
    opacity: 0.7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    */
}