﻿.QuizScoreRow {
    border-bottom: 2px dashed green;


}
#QuizStartButton{
    margin:10px;
}
.GameEnd {
    border-top: 2px dashed green;
    padding-top: 10px;
}

.AnswerContainer {
    text-align: left;
    width: 60%;
    padding-top: 20px;
}

.QuizScore {
    text-align: left;
    font-size: 24px;
}

.QuizScoreRow > div {
    display: inline-block;
    width: 24%
}

.ClockCountdown {
    display: inline-block;
    background-color: black;
    color: yellow;
    font-size: 24px;
    width: 20%;
}

.TypeQuiz {
    width: 50%;
    padding-top: 20px;
    border: 2px solid green;
    border-radius: 10px;
}

    .TypeQuiz > div {
        clear: both;
        padding-bottom: 10px;
    }



.TypedAnswerContainer {
    width: 80%;
    padding-top: 20px;
}
.GameEnd input[type=button] {
    margin: 10px;
}

.TypedAnswerContainer input[type=button] {
    margin: 10px;
}

    .TypedAnswerContainer input[type=text] {
        width: 100%;
        font-size: 24px;
    }

    .TypedAnswerContainer div {
        width: 100%;
        text-align: left;
        font-size: 14px;
    }

.BadAnswer {
    background-color: pink;
    width: 100%;
}

.GoodAnswer {
    background-color: darkseagreen;
    width: 100%;
}

.QuizSelection {
    padding: 5px;
}

.Question{
    font-weight:bold;
}

.quizresult {
    font-weight: bold;
}

#quizSelectDDL{
    padding:5px;
}
