* { margin: 0; padding: 0; }

@media print
{
    .no-print, .no-print * {
        display: none !important;
    }
    .print-only {
        display: block !important;
    }
}

.nav-pills > .nav-item {
    width: 170px;
    text-align: center;
}

.nav-pills {
    width: 680px;
    margin: 20px auto;
}

.print-only {
    display: none;
}

body {
    height: 100%;
    background-color: #056ABF;
}

#full-container {
    /* The image used */
    background-image: url("images/maths-help-background.png");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#sub-container {

    width: 1000px;
    margin: 0 auto 20px;
    background-color: white;
    min-height: 1000px;
    height: auto;
    display: flow-root;
    border-radius: 5px;

}

#bottom-pad {
    height: 40px;
}

h1, h2, h3, h4 {
    color: #01233F;
}

.plain-list {
    text-align: left;
    list-style-type:none;
    padding-left: 0;
}

.multiplyThis, .divideThis {
    cursor: pointer;
    cursor: hand;
}

.multiplyThis:hover, .divideThis:hover {
    color: red;
}

.hand {
    cursor: pointer;
    cursor: hand;
}

.help {
    cursor: help;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #01233F;
}

.logoDiv {
width: 500px;
margin: 0 auto;
text-align: center;
}

.menuDiv {
width: 800px;
text-align: center;
margin: 0 auto 40px;
}

.mainDiv {
width: 800px;
text-align: center;
margin: 0 auto;"
}

.mainDiv .mainPhoto {
width: 800px;
}

.timestable {
width: 800px;
border: 1px solid white;
margin-top: 20px;

}

.timestable td, th {
text-align: center;
}

.timestable>tbody>tr>:nth-child(1) {
font-weight: bold;
}

.answer {
    color: darkred;
    font-weight: bold;
    font-size: 18pt !important;
    background-color: #f3c0c0 !important;
}

.dull {
    font-size: 9pt;
    color: grey;
}

.answerTable {
    margin: 0 auto;
    width: 300px;
}

.answer-part > input {
    border: 1px solid lightgrey;
}

.sumTable {
    width: 120px;
    margin: 0 auto;
}

.sumTable td {
    text-align: right;
}

.highlight {
    color: red !important;
}

.digit_highlight {
    color: red !important;
    font-size: 14pt;
}

.correct {
    color: green;
    font-weight: bold;
}

.wrong {
    color: red;
    font-weight: bold;
}

.error {
    color: red;
}

.unknown {
    color: blue;
    font-weight: bold;
}

.times {
    margin: 0;
    padding: 6px;
    width: 100px;
}

.divisionSum {
    width: 200px;
    margin: 0 auto;
}

.divisionSum td {
    padding: 8px;
}

.answerSum {
    padding: 4px;
}

.borders {
    border-left: 1px solid black;
    border-top: 1px solid black;
}

.resultTable {
    margin: 5px auto;
    padding: 2px;
}

.resultTable td {
    width: 40px;
    text-align: center;
    padding: 4px;
}

.rightBorder {
    border-right: 1px solid black;
}

.borderTop {
    border-top: 1px solid black;
}

.borderBottom {
    border-bottom: 1px solid lightgrey;
}

.minus {
    float: left;
}