/***********************************************************************
/ glossary checker settings
/ Copyright (C) Logic Lovers Inc.
/ Released under the MIT License, https://opensource.org/licenses/MIT
/***********************************************************************/

/***********************************************************************
/ all
/***********************************************************************/
#loIdDivGlossaryChecker {
    padding: 24px;
    font-family: 'Noto Sans JP',sans-serif;
}


/***********************************************************************
/ textarea
/***********************************************************************/
#loIdDivGlossaryChecker textarea {
    min-height: 10em;
    font-family: 'BIZ UDGothic',monospace;
    padding: 0.2em;
}

/***********************************************************************
/ input
/***********************************************************************/
/* buttons */
#loIdDivGlossaryChecker .glossarycheck {
    -webkit-appearance: none;
    padding: 0.5em 5em;
}
#loIdDivGlossaryChecker .glossaryclear,
#loIdDivGlossaryChecker .glossaryremovenl,
#loIdDivGlossaryChecker .glossaryundo,
#loIdDivGlossaryChecker .glossaryclipboard,
#loIdDivGlossaryChecker .glossaryinputfile {
    -webkit-appearance: none;
    font-size: 80%;
    padding: 0.3em;
    margin: 0;
    margin-left: 1em;
}
#loIdDivGlossaryChecker .glossaryclipboard {
    padding: 0.2em 0.7em;
}

/***********************************************************************
/ input
/***********************************************************************/
span.glossaryincorrect {
    color: red;
    text-decoration: line-through;
}
span.glossarycorrect {
    color: #ffbbbb;
}