ul {
    padding-left: 0;
}

ul li {
    display: inline-flex;
}

.belt {
    margin-top: 4px;
    margin-bottom: 4px;
}

.belt:hover, .belt_selected {
    margin-top: 0;
    margin-bottom: 0;
    padding: 7px;
    padding-left: 20px;
    padding-right: 20px;
}

.hidden {
    display: none;
}

#belt_exam_content table {
    background-color: rgba(245, 245, 245, 0.486);
    width: 100%;
}

#belt_exam_content table a {
    color: var(--text-gray);
}

#belt_exam_content table tr:first-child td {
    border-top: 0;
}

#belt_exam_content table tr td:first-child {
    border-left: 0;
}

#belt_exam_content table td {
    border-left: 1px solid black;
    border-top: 1px solid black;
}

#belt_exam_content table li {
    display: list-item;
    width: fit-content;
    margin-bottom: 2px;
    opacity: 1;
}

.old_throw_background {
    opacity: 1;
    display: inline-block;
    width: 10px;
    height: 15px;
    border-radius: 2px;
}

.old_throw_text, .old_throw_text a {
    opacity: 1;    
}

.old_throw_text {
    margin-right: 5px;
}

.new-throw-item, .new-throw-item.dictionary-link {
    color: black;
    font-weight: bold;
}

#belt_pdf_download {
    float: right;
    background-color: var(--jcn-red);
    padding: 4px;
    color: black;
    text-decoration: none;
    border-radius: 3px;
    border: 4px solid var(--jcn-red);
}

#belt_pdf_download:hover {
    cursor: pointer;
    background-color: aliceblue;
}

#throws, #holds, #joint_locks, #stranglers, #kata_obligatory {
    column-count: 2;
}

/* Small only */
@media (max-width: 39.9375em) {
    #throws, #holds, #joint_locks, #stranglers, #kata_obligatory {
        column-count: 1;
    }

    .table_subtitle {
        writing-mode: vertical-lr;
        white-space: nowrap;        
        min-width: 20px;
    }
}

/* DAN */
#updated_date {
    float: right;
}

#compulsory_choice_row {
    border-top: 5px solid var(--jcn-green);
}

#obligatory_row td, #compulsory_choice_row td {
    font-size: large;
    padding: 3px;
    color: var(--jcn-red);
    font-weight: bold;
    text-align: center;
    border-bottom: 2px double black;
}
