/* I10 Code Lookup */
.i10-code-lookup { }
.i10-code-lookup li { margin: 1ex }
.i10-code-lookup .code-type-sel { text-align: center; }
.i10-code-lookup code { font-size: 125%; }
.i10-code-lookup .instruct { font-size: 125%; }
.i10-code-lookup .period { font-size: 200%; font-weight: bold; }
.i10-code-lookup .unused { border-color: #CCC; background-color: #EEE; }
.i10-code-lookup .ignored { border-color: #ebccd1; background-color: #f2dede; color: #a94442 }
.i10-code-lookup .char { width: 15px; min-width: 15px; max-width: 100px; transition: width 0.25s; padding: 0.5ex; font-size: 110%; text-align: center; }
.i10-code-lookup .validation { border: 1px solid #ebccd1; background-color: #f2dede; color: #a94442; text-align: center; padding:1ex; }
.i10-code-lookup .characters { padding: 1em; text-align: center; }
.i10-code-lookup .lookup-results { padding: 1ex; text-align: center; }
.i10-code-lookup .actions { margin-top: 1ex; border-top: 1px solid #CCC; padding-top: 1ex; }
.i10-code-lookup .code-results { max-height: 200px; overflow: auto; position: relative; }
.i10-code-lookup .code-result { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #CCC; display: grid; grid-template-columns: 10% 80% 10%; grid-template-rows: auto; width: 525px; }}
.i10-code-lookup .code-result-wrapper div:last-child { border-bottom-width: 0; }
.i10-code-lookup .code-results .code-fixed { width: 6em; display: block; float: left; }
.i10-code-lookup .code-results .code-description { display: block; margin-left: 6em; }
.i10-code-lookup .code-results .code-page { text-align: center; margin: 1em }
.i10-code-lookup .code-results .code-page a.disabled { color: #AAA; cursor: default; }
.i10-code-lookup .code-results .code-page a,
.i10-code-lookup .code-results .code-page span { width: 100px; text-align: center ; display: inline-block;}
.i10-code-lookup .exclude-expired { margin-left: 5px; }
.i10-code-lookup .added-mark { color: red; font-weight: bold; display: inline-block; float: right; visibility: hidden; }
.added-mark { color: red; font-weight: bold; display: inline-block; float: right; visibility: hidden; }


/* Code Range Lookup */
.code-range-lookup { }
.code-range-lookup li { margin: 1ex }
.code-range-lookup code { font-size: 125%; }
.code-range-lookup .instruct { font-size: 125%; }
.code-range-lookup .to { font-style: italic;margin: 0 10px 0 10px; }
.code-range-lookup .period { font-size: 200%; font-weight: bold; }
.code-range-lookup .unused { border-color: #CCC; background-color: #EEE; }
.code-range-lookup .ignored { border-color: #ebccd1; background-color: #f2dede; color: #a94442 }
.code-range-lookup .code { width: 100px; min-width: 100px; max-width: 100px; transition: width 0.25s; padding: 0.5ex; font-size: 110%; text-align: center; }
.code-range-lookup .validation { border: 1px solid #ebccd1; background-color: #f2dede; color: #a94442; text-align: center; padding:1ex; }
.code-range-lookup .input { padding: 1em; text-align: center; }
.code-range-lookup .lookup-results { padding: 1ex; text-align: center; }
.code-range-lookup .actions { margin-top: 1ex; border-top: 1px solid #CCC; padding-top: 1ex; }
.code-range-lookup .code-results { max-height: 200px; overflow: auto; position: relative; }
.code-range-lookup .code-result { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #CCC; display: grid; grid-template-columns: 10% 80% 10%; grid-template-rows: auto; width: 525px; }}
.code-range-lookup .code-result-wrapper div:last-child { border-bottom-width: 0; }
.code-range-lookup .code-results .code-fixed { width: 6em; float: left; }
.code-range-lookup .code-results .code-description { margin-left: 6em; }
.code-range-lookup .code-results .code-page { text-align: center; margin: 1em }
.code-range-lookup .code-results .code-page a.disabled { color: #AAA; cursor: default; }
.code-range-lookup .code-results .code-page a,
.code-range-lookup .code-results .code-page span { width: 100px; text-align: center ; display: inline-block;}
.code-range-lookup .control-group { margin-bottom: 20px;}
.code-range-lookup .added-mark { color: red; font-weight: bold; visibility: hidden; margin-left: 1em; width: 6em; }
.added-mark { color: red; font-weight: bold; display: inline-block; float: right; visibility: hidden; }