div.apikey {
    margin-bottom: 9px;
    border: 1px solid #aaa;
}

    div.apikey span.label {
        display: inline-block;
        width: 4em;
    }

    div.apikey input.content {
        width: calc(100% - 7em) !important;
        float: right;
    }

    a.apikey-help {
    display: inline-block;
    float: right;
    margin-right: 0em;
}

input[type=checkbox]:checked + div.search-results {
    display: block;
}

div.search-container {
    height: calc(100%);
    max-height: 100%;
    box-sizing: border-box;
}

div.search-results {
    width: 100%;
    height: calc(100% - 28px);
    max-height: calc(100% - 28px);
    display: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

    div.search-results div {
        max-height: 100%;
    }

    div.search-results.audio {
        height: 1em;
    }

    div.search-results iframe {
        width: 100%;
        height: calc(100% - 8px);
        max-height: calc(100% - 8px);
        box-sizing: border-box;
    }
    
    div.search-results div:first-child {
        max-height: 4em;
        margin: 0;
        box-sizing: border-box;
    }
        
    div.search-results div {
        height: calc(100% - 1em);
        margin: 0;
        box-sizing: border-box;
    }

        div.search-results div.dict-result {
            width: 99%;
            height: calc(100% - 1em);
            margin: 0;
            box-sizing: border-box;
            padding-bottom:5em;
        }

            div.search-results div.dict-result iframe {
                width: 100%;
                height: 100%;
                box-sizing: border-box;
            }



.dict-duck-term {
    font-family: Arial, Helvetica, sans-serif;
}