* {
  box-sizing: border-box;
}

body {
  background-color: #fcfcfc;
  font-family: sans-serif;
}

a {
  text-decoration: none;
  color: inherit;
}

a.default {
  text-decoration: none;
  color: #942;
}

a:hover {
  background-color: #aaa;
  color: #000;
}

a.parallel:hover {
  background-color: inherit;
  color: inherit;
}

span.unchecked {
  color: #888;
}

input:focus {
  outline: inset;
  outline-color: grey;
}

input[type="checkbox"] {
  filter: hue-rotate(170deg)
}

div#formfields {
  margin-bottom: 0.6ex;
}

h1#title {
  color: #b22;
  padding-bottom: 0.5ex;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.5ex;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0ex;
  margin-bottom: 1ex;
  display: block;
  font-size: 120%;
  background-color: #eee;
}

@media screen and (max-height: 60ex), (max-width: 48em) {
  h1#title {
    display: none;
  }
}

span#togglecolours {
  float: right;
}

details.wnsk {
  display: inline;
}

details[open].wnsk summary {
  display: inline;
}


details.dbsel summary {
  cursor:pointer;
  color: #804;
}

details.dbsel summary::-webkit-details-marker {
  cursor:pointer;
  color: #804;
}

details.dbsel {
  font-size: 100%;
}

details[open].dbsel {
  font-size: 100%;
  float: none;
}

details:not([open]).un summary:after {
  content: "...";
  color: #804;
}

summary:focus{
  outline: none;
}

details[open] summary ~ * {
  animation: sweep .6s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; margin-left: -15px}
  80%  {opacity: 0.8; margin-left: 2px}
  100%  {opacity: 1; margin-left: 0px}
}

table {
  margin-bottom: 0.5em;
  border-spacing: 1px;
  border-collapse: collapse;
  empty-cells: show;
  border: 1px solid #b22;
}

table a {
  color: gray;
}

td {
  border-left: 1px dotted gray;
  border-top: 1px dotted gray;
  border-bottom: 0px solid gray;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 1px;
  padding-bottom: 1px;
  margin: 0px;
  text-align: left;
  vertical-align: middle;
  color: black;
  font-size: smaller;
}

p {
  margin-left: 0em;
  text-indent: 0em;
}

h1 {
  margin: 0;
  padding-left: 0em;
  padding-right: 0.5em;
  padding-top: 0em;
  padding-bottom: 0em;
  color: black;
  text-align: left;
  font-size: 100%;
  display: inline;
}

h2 {
  font-size: 100%;
  padding: 0.1em;
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  width: 40%;
  color: black;
}

h3 {
  font-size: 100%;
  color: black;
  padding: 0;
  padding-right: 0.2em;
  margin: 0;
  text-align: left;
  display: inline;
}

h5 {
  padding: 0.1em;
  text-indent: 0.25em;
}

footer {
  font-size: x-small;
}

hr {
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  text-align: left;
  width: 60%;
  color: #b22;
}

b.nobold {
  font-weight: normal;
  color: #b22;
}

b.b0, b.b0 a, em.term, em.term_emph {
  font-style: normal;
  font-weight: bold;
  color: #b22;
}

em.term_emph {
/*  font-weight: 900;*/
  text-shadow: 0 0.01em, 0.01em 0, 0.01em 0.01em;
}

b.b1, b.b1 a, .auth, .s {
  font-weight: bold;
}

b.b2, b.b2 a  {
  font-weight: bold;
  color: #b22;
}

b.caps, b.caps a  {
  font-weight: normal;
  font-size: 80%;
  color: gray;
  text-transform: uppercase;
}

b.nocaps, b.nocaps a  {
  font-weight: normal;
  font-size: 80%;
  color: gray;
}

i.i, i.i a, .exam   {
  font-style: italic;
  color: blue;
}

i.defhssj {
  font-style:italic;
}

.auth {
  color: blue;
}

i.it, i.it a {
  font-style: italic;
  font-size: 80%;
  color: #cc6600;
}

b.r, b.r a, em.substandard {
  color: purple;
  font-weight: normal;
}

b.r a:hover {
  background-color: #5a2;
  color: #333355;
}

i.t, i.tr, .attr, .orig, .gramattr {
  font-size: 80%;
}

i.t, i.t a, i.tr, i.tr a, .attr, .pron, .orig, .gramattr {
  color: green;
}

i.t a:hover, i.tr a:hover {
  background-color: #5a2;
  color: #333355;
}

i.tr {
  letter-spacing: 0.2em;
}

span.latin, .pron, .auth {
  font-style: italic;
}

div.results {
  border: 1px solid gray;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2ex;
  background-color: #f8f8f8;
}

div.results:hover {
  border-top: 1px solid black;
  border-left: 1px solid black;
  box-shadow: 4px 4px 3px #ddd;
  background-color: white;
}

div.results p {
  margin-top: 0.3em;
  margin-bottom: 0.2em;
}

div.resulthead {
  padding: 0.2em;
  margin: 0;
  color: black;
  background-color: #ddd;
}

div.resulthead p {
  padding: 0em;
  margin: 0;
  background-color: #eee;
}

div.resultbody {
  padding: 0.3em;
  margin: 0;
}

div.loadavg {
  margin-top: 0.7em;
  margin-bottom: 0.5em;
}

div.toomany {
  border: 2px solid red;
  padding-top: 0.3ex;
  padding-bottom: 0.3ex;
  padding-left: 1em;
  padding-right: 1em;
}

div.quickbar {
  white-space: nowrap;
  color: gray;
  font-size: smaller;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 1px;
}

div.quickbar a {
  background-color: #ddd;
  border-radius: 0.4em 0.4em 0 0;
  margin-left: 2px;
  padding-left: 0.2em;
  padding-right: 0.2em;
  border: 1px solid #555;
/*  text-transform: uppercase;*/
}

div.quickbar img,svg {
  vertical-align: middle;
}

.flashed, .flashed .resulthead {
  background-color: #e88;
}

div.lvl2 {
  margin-left: 1em;
}

div.lvl3 {
  margin-left: 1em;
}

div.figcha {
  white-space: nowrap;
}

.ref {
  font-size: 80%;
  color: gray;
}

span.ins {
  color: gray;
}

span.alert {
  color: red;
}

span.notfound {
  color: #c00000;
}

span.options {
  border: 0px;
  padding: 0px;
  margin: 0px;
  margin-left: 0.1em;
}

div.lastwords {
  font-size: 70%;
}

div.hidden {
  display: none;
}

span.hidden {
  display: none;
}

abbr, acronym {
  cursor: help;
}

span.bernolakhw {
  display: none;
}

img.bernolak {
  vertical-align: top;
}

span.csbg-cs {
  color: blue;
  font-weight: bold;
}

span.csbg-csn {
}

span.csbg-bg {
  color: blue;
  font-weight: bold;
}

span.csbg-bgn {
}

span.csbg-src {
  font-size: smaller;
}

span.slovake-synmem {
  font-style: normal;
  color: #cc6600;
}

div.slovake-paradigms {
  padding: 0.5em;
  background-color: #ffe5c4;
}

span.pcssk-sk {
  color: #b22;
}

span.pcssk-cs {
  color: #804;
}

span.bgcs-p {
  color: blue;
}

span.bgcs-g {
  color: green;
}

span.bgcs-bg {
  color: #cc6600;
}

span.bgcs-cs {
  color: blue;
}

span.bgcs-small {
  font-size: smaller;
}

a.bgcs-link {
  color: #cc6600;
  font-weight: bold;
}

td.kwicl {
  text-align: right;
  border-right: 0px none;
}

td.kwicr {
  text-align: left;
  border-left: 0px none;
}

td.kwic {
  text-align: center;
  color: #b22;
  border-left: 0px none;
  border-right:0px none;
}


td.kwicl, td.kwicr, td.kwic {
  -webkit-animation: animate 0.3s ease-out;
  animation: animate 0.3s ease-out;
  -moz-animation: animate 0.3s ease-out;
}

td.crpinf {
  color: gray;
  font-size: xx-small;
  text-align: left;
}

/* td.crpinf span {
    background-color: red;
} */

@-webkit-keyframes animate {
 from { -webkit-transform: translate(20px,-50px); }
 to { -webkit-transform: translate(0px,0px); }
}

@keyframes animate {
 from { transform: translate(20px,-50px); }
 to { transform: translate(0px,0px); }
}

@-moz-keyframes animate {
 from { -moz-transform: translate(20px,-50px); }
 to { -moz-transform: translate(0px,0px); }
}

tr.ahahstart td b.nobold {
  -webkit-animation: pseudoprogress 1s ease-out 0s 10 alternate;
  -moz-animation: pseudoprogress 1s ease-out 0s 10 alternate;
  animation: pseudoprogress 1s ease-out 0s 10 alternate;
}

@-webkit-keyframes pseudoprogress {
 from { color: #bbb; }
 to { color: #a40; }
}

@-moz-keyframes pseudoprogress {
 from { color: #bbb; }
 to { color: #a40; }
}

@keyframes pseudoprogress {
 from { color: #bbb; }
 to { color: #a40; }
}

span.modified {
 margin-top: 1ex;
 display: block;
 width: fit-content;
 background-color: #eee;
 border: 1px dotted #a22;
 padding-left: 0.5em;
 border-radius: 10px;
}

table.lohi {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 50%;
  vertical-align: super;
}

table.lohi td {
  margin: 0;
  padding: 0;
  border: 0;
  color: gray;
}

div.orterline {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

div.orterline:hover {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  animation-name: marquee;
  animation-delay: 0.2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-duration: 10s;
}

div.orterline::before {
  content: "▸ ";
}

span.ortersuffix {
  color: #b22;
}

@keyframes marquee {
  0%   { text-indent: 0em }
  100% { text-indent: -100% }
}

/* slavni */

q.slavni {
 color: #333;
 font-style: italic;
 quotes: "„" "“" "„" "“";
}

q.slavni:before {
 content: open-quote;
}

q.slavni:after {
 content: close-quote;
}

b.entity {
 color: red;
}

div.slavniokolieleft {
 white-space:nowrap;
 overflow:hidden;
 font-size: xx-small;
 color: red;
 float: left;
 margin-left: 0pt;
 margin-top: 0pt;
 padding-left: 0pt;
 padding-top: 0pt;
}

div.slavniokolieright {
 white-space:nowrap;
 overflow:hidden;
 font-size: xx-small;
 color: red;
 float: right;
}

div.popis {
 padding-left: 1em;
 padding-bottom: 0.5em;
 color: #666;
}

div.notmusic {
 background-color: #aaa;
 font-size: small;
}

b.key3 {
 color: green;
 font-style: italic;
}

b.keyother {
 color: blue;
 font-style: italic;
}

details.slavni {
 display: inline;
 vertical-align: super;
 font-size: 0.8em;
}

summary.slavni {
 display: inline;
 list-style: none;
}

summary.slavni:after {
 content: "";
}

details[open] summary.slavni {
 display: none;
}

details.slavni summary:before {
 display: inline;
 content: "";
}

/* prepisy z orientalnych jazykov */
em.orientother {
 font-style: normal;
 font-weight: bold;
 color: purple;
 display: none;
}

@media screen and (min-width: 81em) {
  div.results {
    width: 80em;
  }
}

.autocomplete-suggestions {
  text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
  /* core styles should not be changed */
  position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}

.autocomplete-suggestion {
  position: relative;
  padding: 0 .6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}

.autocomplete-suggestion b { font-weight: normal; color: #b22; }
.autocomplete-suggestion.selected { background: #f0f0f0; }