#exam-section .choice-content {
    display:flex;
    flex-wrap:nowrap;
    margin:15px 0px;
    align-items:center;
}

#exam-section .choice-content label.answer {
    margin:0px;
    flex: 1 1 95%;
}

input[type='radio'].answer {
   flex: 1 1 2%;
}

.watu-question, #action-button {
	display:none;
}

form.quiz-form {
	text-align:left;
}

.single-page-quiz .watu-question, .single-page-quiz #action-button {
	display:block;
}
.single-page-quiz #next-question {
	display:none;
}
.question-content {
	margin-top:20px;
}

.show-question {
	border-bottom:1px solid #000;
}
.answer span {
	padding-right:20px;
}
.user-answer span {
	font-weight:bold;
	color:blue;
	background:url(wrong.png) no-repeat right top;
}
.correct-answer span {
	background:url(correct.png) no-repeat right top;
}

.show-question-content
{
    font-weight:bold;
}

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

p.error
{
    clear:both !important;
    color:red;
}

#detailsText
{
	background-color:red;
}

.watupro label
{
	display:block;
	float:left;
	width:150px;
}

.watupro select
{
	min-width:120px;
}

.watupro-alert, .watupro-success
{
	padding:20px;
	background-color: #EEE;
	font-weight: bold;
}

.watupro-error
{
	padding:20px;
	font-weight: bold;
	background:#EEE;
	color:red;
}

.watupro-padded {
	padding: 20px;
}

.final-screen {
    margin:25px 25%;
    background-color:#54BAEA;
    padding:15px 25px;
    color:#FFF;
    border-radius:0.75em;
}

.head-title {
    margin-top:0px !important;
    text-align:center;
    color:#FFF !important;
}

#modal-dialog {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    left: 0;
    top: 0;
    display:none;
}

#modal-content {
    height: 30%;
    margin: 15% 30% 0 30%;
    background-color: #26A1D7;
    font-size: 20px;
    color:#fff;
    padding: 5%;
    border-radius: 4px;
    /*background-color: blue;*/
}

#modal-dialog footer {
    width: 40%;
    height: 0;
    margin: 10px 30%;
    padding: 5px;
}

#modal-dialog footer input[type="button"] {
    padding: 5px 15px;
}

.post-meta {
    display: none;
}

div[id^="questionDiv"] {
    font-size:17px;
    color:#3c3b3b;
}

div[id^="questionDiv"] p {
    margin-bottom:0px !important;
}

.question-content p {
    font-weight: 600;
}

#watuPROCheckButton {
    padding-top: 30px;
}

#next-question, #prev-question, #action-button,
#watuPROCheckButton input[type="button"],
#watuPracticeFeedback input[type="button"] {
    padding: 10px 25px;
    border-radius: 40px;
    font-size: 17px;
    background-color: #35b5e4;
    color: #FFF;
    border: 0px;
}

/* this shows a top border in homepage */
/*
.et_pb_module.et_pb_text {
    border-top: 1px solid;
    border-color: #35b5e4;
}
*/

input[type="button"]:hover {
    background-color: lightCoral !important;
    color: #FFFFFF !important;
    cursor: pointer;
}

input[type='radio'].answer {
   flex: 1 1 2%;
}

form.quiz-form {
    padding-top:15px;
}

.user-answer span {
    color: #2888ab !important;
    font-size:17px;
}

form[id^='watuPROPracticeForm'] {
    flex:1 1 80%;
    padding-right:140px;
}

#score-board header {
    line-height:2.8em;
    font-weight:600;
    border-radius:4px;
}

#exam-section {
    flex:1 1 80%;
}

/*.et_pb_post */
/*
.entry-content {
    padding-top:0px !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom:40px;
}
*/
/*#main-footer {
    bottom:0;
    position:fixed;
    width:100%;
}*/

#watuPracticeFeedback {
    flex:1 1 80%;
    padding-right:40px;
}

#score-board {
    flex: 1 1 20%;
    min-height: 300px;
    height: 300px;
    max-height: 300px;
    position: sticky;
    display: block;
    top: 0px;
    max-width: 216px;
}

#watuPROCheckButton {
    width:100%;
}

#running-score,
#q-answered,
#q-timer, #q-rank, #q-wrong {
    font-size:24px;
    font-weight:bold;
    margin-top:14px;
}

h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 {
    font-size:26px !important;
}

h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title {
    font-weight: bold !important;
    font-style: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    line-height: 1.4em !important;
}

sup, sub {
    font-size:10px;
}

#score-board header > i {
    display:none;
}

@media all and (max-width:425px) {
    footer#main-footer {
        position:static;
    }
    
    .et_pb_post .entry-content {
        flex-direction:column-reverse;
    }
    
    #exam-section {
        background-color:#FFF;
        z-index:99;
    }
    
    #score-board {
        min-height:auto;
        height:auto;
        max-width:100%;
        position:sticky !important;
        top: 0px;
        z-index:99;
        background-color: #ffffff;
    }
    
    #score-board .score-board-flx-cont {
        flex-direction:row !important;
    }
    
    #score-board .score-board-flx {
        flex:1 1 33%;
    }
    
    #score-board header > span {
        display:none;
    }
    
    #score-board header > i {
        display:inline;
    }
}