.rules {
    background-color: #e9e8ae;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rules-outdent {
    background-color: #e9e8ae;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -45px;
}

.table-rules td, th {
    border: solid 1px #000;
    padding: 5px;
}

.heading-rules {
    font-weight: bold;
}

.rules-text {
    margin-left: 20px;
}

.rules-callout {
    background-color: #e9e8ae;
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 5px;
    font-weight: bold;
    border: double 2px #e99c29;
}

.rules-ital {
    color: #c0bf90;
    font-weight: bold;
    font-style: italic;
    font-size: 1.5em;
    text-align: center;
}

.color {
    background: #f4f4f4;
}

.textarea:focus{
    outline: none;
}


.attendance:checked + label .tick{
    display: block;
}
.attendance:checked + label .cross{
    display: none;
}

.attendance:not(:checked) + label .cross{
    display: block;
}

.attendance:not(:checked) + label .tick{
    display: none;
}