h1 {
  margin-top: 10px;
}
h2 {
  font-size: 18px;
  margin-top: 40px;
}
h2.voc {
  color: #333;
  margin-top: 4px;
  padding-bottom: 10px;
  border-bottom: solid 1px #CCC;
}
.intro {
  padding: 10px 0;
  margin: 20px 0 0 0;
}
#q {
  width: 400px;
}
.search_form {
  margin-bottom: 20px;
}
.voc_list, .az_list {
  border-top: solid 1px #CCC;
  padding: 6px 0 0 5px;
  margin-bottom: 20px;
}
.az_list .cnt {
  font-size: 0.9em;
  color: #CCC;
}
.fldlabel {
  float: left;
  width: 120px;
  color: #777;
}
.fld {
  float: left;
}
.fldrow {
  clear: both;
}
.colhdr {
  font-weight: bold;
  color: #555;
}
.colhdr.lang {
  width: 40px;
}
.query_hdr {
  font-size: 16px;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #CCC;
}
#list_term {
  margin-top: 10px;
}
.termrow {
  margin-top: 10px;
  padding: 10px 0 2px 6px;
}
.termrow.odd {
  background-color: #f1f1f1;
}
.termrow.even {
  background-color: #fff;
}
.term {
  font-size: 1.1em;
}
.vocsrow {
  margin-top: 10px;
  margin-bottom: 14px;
  font-size: 0.9em;
}
.vocsrow .vocs {
   margin-left: 34px;
}
.vocsrow a, .voc_list ul a {
  color: #2979ff;
  color: #1565C0;
}
.langcode {
  color: #333;
  background-color: #efefef;
  width: 24px;
  padding: 2px 4px;
  margin-bottom: 8px;
  font-size: 0.8em;
  text-align: center;
  float: left;
  margin-right: 10px;
}
.langcode.fi {
  background-color: #dcedc8;
}
.langcode.sv {
  background-color: #f0f4c3;
}
.langcode.en {
  background-color: #e3f2fd;
}
.dates {
  clear: both;
  text-align: right;
  font-size: 0.9em;
}
.desc {
  font-size: 0.9em;
}
.descpre {
  width: 34px;
  float: left;
  margin-bottom: 8px;
}
.status_tag {
  padding: 2px 4px;
  font-size: 0.9em;
}
.status_tag.new {
  background-color: #7AB800;
  color: #FFF;
}
.status_tag.use {
  background-color: #FC7E6C;
  color: #FFF;
}
.hl {
  background-color: #fff59d;
  padding: 1px;
}
.suggest_tip {
  color: #2e7d32;
  margin: 20px 0;
}
@media (max-width: 767px) {
  .desctext {
    margin-left: 34px;
    margin-bottom: 8px;
  }
  .vocsrow .vocs {
    width: calc(100% - 34px);
  }
}
.copy {
  float: right;
}
.bi {
  height: 1em;
  width: 1em;
}