@font-face {
    font-family: "DejaVu Sans Extra Light", sans-serif;
    src: url("https://cdn.web-fonts.ge/fonts/dejavu-sans-extra-light/fonts/dejavu-sans-extra-light-webfont.woff2") format('woff2');
}
@font-face {
   font-family: ki-native;
   src: url("font/print/ki-print.woff2") format("woff2");
}

*:not(ul) {
    margin: 0;
    padding: 0;
    font-family: "DejaVu Sans Extra Light", sans-serif;
}

body {
    background-color: #f8f8f8;
}

.ki, ki, ki * { font-family: ki-native; }
.dist {
    background-color: #00a65d;
    color: #fff;
    display: inline-block;
    padding: .8rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    vertical-align: top;
    text-align: center;
}

p { padding: .5rem; }
.big_items * { font-size: 1.5rem; }
td { padding: .2rem; }

#gloss_stuff {
    padding: 1rem;
}
#gloss_in_con {
    padding-left: .5rem;
    border: .1rem solid #000;
    background-color: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
    cursor: text;
}
#gloss_in {
    border: none;
    display: block;
}
#gloss_in_mask {
    position: absolute;
    pointer-events: none;
}
#gloss_width_tester { position: fixed; white-space: nowrap; bottom: -2rem; }

overlap { position: relative; display: block; }
overlap > * { line-height: 3rem; }
overlap > *:last-child { opacity: .5; }

n { background-color: #aaf; }
v { background-color: #faa; }
a { background-color: #afa; }
n_ { border-bottom: .2rem solid #aaf; }
v_ { border-bottom: .2rem solid #faa; }
a_ { border-bottom: .2rem solid #afa; }
n_c { color: #44c; }
v_c { color: #c44; }
a_c { color: #4c4; }