.respbutton,
.prepbutton {
    min-height: 2.425em;
    margin: 0.3em 0 0.5em 0;
    min-width: 9em;
}

.respbuttondisabled {
    color: rgb(198, 198, 198);
}

.groupresppanel {
    padding: 1em 1em 1.5em 1em;
    margin: 0 1em 0.5em 1em;
    max-width: 24em;
    min-width: 24em;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.tworespboxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

.brlnlvl {
    width: 100%;
    display: flex;
    cursor: pointer;
    align-items: center;
    border-radius: 0.3em;
}

.divlinebrother {
    width: 100%;
}

.brlnlvl:hover {
    background-color: rgb(232, 232, 232);
}

.brlnlvlcoord {
    background-color: rgb(204, 232, 255);
    border-radius: 0.3em;
}

.brlnlvlcoord:hover {
    background-color: rgb(160, 200, 244);
}

.brlnlvladj {
    background-color: rgb(208, 244, 208);
}

.brlnlvladj:hover {
    background-color: rgb(180, 232, 180);
}

.brlnlvlprp {
    background-color: rgb(255, 238, 170);
}

.brlnlvlprp:hover {
    background-color: rgb(255, 228, 120);
}

.btnrespbrother {
    -webkit-appearance: none;
    appearance: none;
    outline-style: none;
    outline-color: transparent;
    padding: 0.1em 0.5em;
}

.btnrespbrother:focus {
    background-color: rgb(198, 198, 198);
}

.btnrespbrdim {
    color: rgba(0, 0, 0, 0.3);
}

#btnshowmorebrothers {
    -webkit-appearance: none;
    appearance: none;
    font-size: 92%;
    color: rgb(74, 109, 167);
    cursor: pointer;
    padding: 0.1em 0.5em;
}

#btnshowmorebrothers:hover {
    text-decoration: underline;
}

.divinsidepanel {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em;
    min-height: 7em;
}

.respselectedbutton {
    border: 2px solid black;
}

.resppanelcaption {
    background-color: #ccc;
    height: 1.9em;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-radius: 0.4em 0.4em 0 0;
}

@media print {

    .groupresppanel {
        border: 1px solid #ccc;
        border-radius: 0.5em;
        box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2);
        margin: 0 1em 1.5em 1em;
        page-break-inside: avoid;
        min-width: 12em;
        max-width: 24em;
        width: 45%;
        padding: 0.5em 0.5em 1em 0.5em;
    }

    .divinsidepanel {
        padding: 0.5em 0.2em 0.2em 0.2em;
    }
}

@media only screen and (min-width: 372px) {

    .groupresppanel {
        border: 1px solid #ccc;
        border-radius: 0.5em;
        box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2);
        margin: 0 1em 1.5em 1em;
    }
}