/*

   main-bootstrap.css

   CSS file for Greynir web interface

   Copyright (C) 2023 Miðeind ehf.

      This program is free software: you can redistribute it and/or modify
      it under the terms of the GNU General Public License as published by
      the Free Software Foundation, either version 3 of the License, or
      (at your option) any later version.
      This program is distributed in the hope that it will be useful,
      but WITHOUT ANY WARRANTY; without even the implied warranty of
      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
      GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with this program.  If not, see http://www.gnu.org/licenses/.

*/

/* Firefox fix for responsive tables - see Bootstrap documentation */
@-moz-document url-prefix() {
   fieldset {
      display: table-cell;
   }
}

/* Lato font */

/* lato-regular - latin */
@font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
   src: local('Lato Regular'), local('Lato-Regular'),
      url('/static/fonts/lato-v16-latin-regular.woff2') format('woff2'),
      url('/static/fonts/lato-v16-latin-regular.woff') format('woff');
}

/* lato-italic - latin */
@font-face {
   font-family: 'Lato';
   font-style: italic;
   font-weight: 400;
   src: local('Lato Italic'), local('Lato-Italic'),
      url('/static/fonts/lato-v16-latin-italic.woff2') format('woff2'),
      url('/static/fonts/lato-v16-latin-italic.woff') format('woff');
}

/* lato-700 - latin */
@font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 700;
   src: local('Lato Bold'), local('Lato-Bold'),
      url('/static/fonts/lato-v16-latin-700.woff2') format('woff2'),
      url('/static/fonts/lato-v16-latin-700.woff') format('woff');
}

/* lato-700italic - latin */
@font-face {
   font-family: 'Lato';
   font-style: italic;
   font-weight: 700;
   src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
      url('/static/fonts/lato-v16-latin-700italic.woff2') format('woff2'),
      url('/static/fonts/lato-v16-latin-700italic.woff') format('woff');
}

/* oswald-regular - latin */
@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 400;
   src: local('Oswald'), local('Oswald-Regular'),
      url('/static/fonts/oswald-v31-latin-regular.woff2') format('woff2'),
      url('/static/fonts/oswald-v31-latin-regular.woff') format('woff');
}

/* Glyph icons font */

@font-face {
   font-family: 'Glyphicons Regular';
   src: url('/static/fonts/glyphicons-regular.woff2') format('woff2'),
      url('/static/fonts/glyphicons-regular.woff') format('woff');
}

.glyphicon {
   position: relative;
   top: 2px;
   display: inline-block;
   /*noinspection CssNoGenericFontName*/
   font-family: 'Glyphicons Regular';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.glyphicon-ok:before {
   content: "\E199";
}

.glyphicon-circle-ok:before {
   content: "\E194";
}

.glyphicon-user:before {
   content: "\E004";
}

.glyphicon-eye-open:before {
   content: "\E052";
}

.glyphicon-time:before {
   content: "\E055";
}

.glyphicon-play:before {
   content: "\E174";
}

.glyphicon-reverse-play:before {
   content: "\E174";
}

.glyphicon-reverse-play {
   -o-transform: scaleX(-1);
   -moz-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   transform: scaleX(-1);
}

.glyphicon-info:before {
   content: "\E196";
}

.glyphicon-microphone:before {
   content: "\E301";
}

.glyphicon-file:before {
   content: "\E037";
}

.glyphicon-edit:before {
   content: "\E151";
}

.glyphicon-show-lines:before {
   content: "\E159";
}

.glyphicon-chevron-left:before {
   content: "\E225";
}

.glyphicon-restart:before {
   content: "\E366";
}

.glyphicon-gender-female:before {
   content: "\E248";
}

.glyphicon-gender-male:before {
   content: "\E247";
}

.glyphicon-tag:before {
   content: "\E066";
}

.glyphicon-cogwheel:before {
   content: "\E137";
}

.glyphicon-tags:before {
   content: "\E067";
}

.glyphicon-warning-sign:before {
   content: "\E079";
}

.glyphicon-share:before {
   content: "\E309";
}

.glyphicon-link:before {
   content: "\E051";
}

.glyphicon-arrow-right:before {
   content: "\E212";
}

.glyphicon-globe:before {
   content: "\E371";
}

.glyphicon-envelope:before {
   content: "\2709";
}

.glyphicon-weights:before {
   content: "\E544";
}

.glyphicon-telephone:before {
   content: "\E442";
}

.glyphicon-money:before {
   content: "\E459";
}

.glyphicon-calendar:before {
   content: "\E046";
}

.glyphicon-piechart:before {
   content: "\E043";
}

.glyphicon-user:before {
   content: "\E004";
}

.glyphicon-alert:before {
   content: "\E079";
}

.glyphicon-flag:before {
   content: "\E267";
}

.glyphicon-marker:before {
   content: "\E243";
}

.glyphicon-road:before {
   content: "\E027";
}

.glyphicon-home:before {
   content: "\E021";
}

.glyphicon-upload:before {
   content: "\E416";
}

.glyphicon-calculator:before {
   content: "\E324";
}

.glyphicon-world:before {
   content: "\E372";
}

.glyphicon-chemistry:before {
   content: "\E534";
}

.glyphicon-barcode:before {
   content: "\E260";
}

.glyphicon-userhandle:before {
   content: "\E524";
}

.glyphicon-spin {
   -webkit-animation: spin 2000ms infinite linear;
   -moz-animation: spin 2000ms infinite linear;
   animation: spin 2000ms infinite linear;
   color: #ffb400;
}

.glyphicon-spin-white {
   -webkit-animation: spin 2000ms infinite linear;
   -moz-animation: spin 2000ms infinite linear;
   animation: spin 2000ms infinite linear;
   color: white;
}

/* CSS animations */

@-webkit-keyframes spin {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
   }
}

@keyframes spin {
   0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
   }
}

@keyframes bob {
   0% {
      -webkit-transform: scale(1.00, 1.00);
      transform: scale(1.00, 1.00);
   }

   30% {
      -webkit-transform: scale(1.00, 1.00);
      transform: scale(1.00, 1.00);
   }

   70% {
      -webkit-transform: scale(1.03, 1.05);
      transform: scale(1.03, 1.05);
   }

   100% {
      -webkit-transform: scale(1.00, 1.00);
      transform: scale(1.00, 1.00);
   }
}

.red, .text-danger {
   color: #eb3732;
}

.green, .text-success {
   color: #00b450;
}

.blue, .text-info {
   color: #005eff;
}

.yellow, .text-warning {
   color: #ffb400;
}

html {
   overflow-y: scroll;
   /* Avoid jumping when long content is displayed */
}

body {
   font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   font-size: 1.5em;
   background-color: white;
}

a {
   color: #005eff;
}

.progress, .progress-bar, .progress-bar-success {
   background-image: none;
}

.progress {
   background-color: #d4d4d4;
}

.progress-bar {
   background-color: #005eff;
   opacity: 0.8;
}

.progress-bar-success {
   background-color: #00b450;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
   text-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.btn-default {
   background-image: none;
   background-color: #e4e4e4;
   border-color: #afafaf;
}

.btn-default:focus {
   background-color: #d4d4d4;
   border-color: #8c8c8c;
}

.btn-default:hover {
   background-color: #d4d4d4;
   border-color: #8c8c8c;
   -webkit-animation: bob 400ms linear;
   -moz-animation: bob 400ms linear;
   animation: bob 400ms linear;
}

.dropdown-toggle:hover {
   -webkit-animation: none;
   -moz-animation: none;
   animation: none;
}

.btn-success {
   background-image: none;
   background-color: #00b450;
   border-color: #00b450;
}

.btn-success:focus {
   background-color: #00b450;
   border-color: #00b450;
}

.btn-success:hover {
   background-color: #00b450;
   border-color: #00b450;
   -webkit-animation: bob 400ms linear;
   -moz-animation: bob 400ms linear;
   animation: bob 400ms linear;
}

button.btn.btn-success:active {
   background-color: #2e9a5e;
   border-color: #2e9a5e;
}

button.btn.btn-success[disabled='disabled'] {
   background-color: #38cb7a;
   border-color: #38cb7a;
}

.btn-info {
   background-image: none;
   background-color: #005eff;
   border-color: #005eff;
}

.btn-info:focus {
   background-color: #005eff;
   border-color: #005eff;
}

.btn-info:hover {
   background-color: #005eff;
   border-color: #005eff;
   -webkit-animation: bob 400ms linear;
   -moz-animation: bob 400ms linear;
   animation: bob 400ms linear;
}

button.btn.btn-info:active {
   background-color: #0055c5;
   border-color: #0055c5;
}

button.btn.btn-info[disabled='disabled'] {
   background-color: #2b6dc3;
   border-color: #2b6dc3;
}

.btn-warning {
   background-image: none;
   background-color: #ffb400;
   border-color: #ffb400;
}

.btn-warning:focus {
   background-color: #ffb400;
   border-color: #ffb400;
}

.btn-warning:hover {
   background-color: #ffb400;
   border-color: #ffb400;
   -webkit-animation: bob 400ms linear;
   -moz-animation: bob 400ms linear;
   animation: bob 400ms linear;
}

.btn-danger {
   background-image: none;
   background-color: #eb3732;
   border-color: #eb3732;
}

.btn-danger:focus {
   background-color: #eb3732;
   border-color: #eb3732;
}

.btn-danger:hover {
   background-color: #eb3732;
   border-color: #eb3732;
   -webkit-animation: bob 400ms linear;
   -moz-animation: bob 400ms linear;
   animation: bob 400ms linear;
}

.dropdown-toggle:hover {
   -webkit-animation: none;
   -moz-animation: none;
   animation: none;
}

.btn-group.open .dropdown-toggle {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.label-primary {
   background-color: #005eff;
}

.panel-info {
   border-color: #e1eeff;
}

.panel-info>.panel-heading {
   background-image: none;
   color: #005eff;
   background-color: #e1eeff;
   border-color: #e1eeff;
}

a:hover {
   cursor: pointer;
}

.container {
   max-width: 970px;
   padding-left: 0;
   padding-right: 0;
}

.row {
   margin-left: 0;
   margin-right: 0;
}

a.navbar-brand {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 15px;
   padding-right: 15px;
}

p.header {
   margin-bottom: 24px;
}

.container>.navbar-header {
   margin-left: -6px;
   margin-right: -6px;
}

input::selection {
   color: white;
   background-color: #005eff;
}

textarea::selection {
   color: white;
   background-color: #005eff;
}

.form-control:focus {
   border-color: #005eff;
}

div.input {
   padding-top: 36px;
   padding-bottom: 36px;
}

div.input .col-lg-1, div.input .col-lg-10, div.input .col-lg-11, div.input .col-lg-12, div.input .col-lg-2, div.input .col-lg-3,
div.input .col-lg-4, div.input .col-lg-5, div.input .col-lg-6, div.input .col-lg-7, div.input .col-lg-8, div.input .col-lg-9,
div.input .col-md-1, div.input .col-md-10, div.input .col-md-11, div.input .col-md-12, div.input .col-md-2, div.input .col-md-3,
div.input .col-md-4, div.input .col-md-5, div.input .col-md-6, div.input .col-md-7, div.input .col-md-8, div.input .col-md-9,
div.input .col-sm-1, div.input .col-sm-10, div.input .col-sm-11, div.input .col-sm-12, div.input .col-sm-2, div.input .col-sm-3,
div.input .col-sm-4, div.input .col-sm-5, div.input .col-sm-6, div.input .col-sm-7, div.input .col-sm-8, div.input .col-sm-9,
div.input .col-xs-1, div.input .col-xs-10, div.input .col-xs-11, div.input .col-xs-12, div.input .col-xs-2, div.input .col-xs-3,
div.input .col-xs-4, div.input .col-xs-5, div.input .col-xs-6, div.input .col-xs-7, div.input .col-xs-8, div.input .col-xs-9 {
   padding-left: 6px;
   padding-right: 6px;
}

div.input-analysis {
   padding-top: 18px;
   padding-bottom: 0;
}

div.input-parsegrid {
   padding-top: 0;
   padding-bottom: 6px;
}

div.tab-pane {
   padding-top: 1.5em;
}

div.text-container {
   padding-top: 70px;
   padding-bottom: 50px;
   font-size: 1.15em;
}

ul.nav-tabs span.glyphicon {
   margin-right: 12px;
}

div#stats-panel {
   max-width: 512px;
}

@media(max-width: 768px) {

   /* Adjustments for mobile only */
   div.container-fluid.text-container {
      padding-left: 4px;
      padding-right: 4px;
   }

   div.container.text-container {
      padding-left: 4px;
      padding-right: 4px;
   }

   .navbar-nav>li>a {
      /* Dropdown menu items */
      padding-left: 22px;
   }

}

@media(max-width: 768px) {

   div.container.text-container {
      padding-top: 72px;
      /* Go back to less room for top navbar */
   }

}

@media(max-width: 480px) {

   ul.nav-tabs span.glyphicon {
      /* Make tab headings narrower by reducing spacing between icon and text */
      margin-right: 2px;
   }

   ul.nav-tabs>li>a {
      /* Make tab headings narrower by reducing margins */
      padding-left: 10px;
      padding-right: 10px;
   }

   div#stats-panel {
      max-width: 380px;
   }

}

div.input-overlay {
   display: inline-block;
   position: relative;
}

span#url-shadow {
   /* Span behind URL/text input */
   border-color: transparent;
   background-color: #FFEEA9;
   /* Pale Greynir yellow */
   padding-top: 5px;
   padding-bottom: 0;
   color: #00b450;
   white-space: nowrap;
   overflow-x: hidden;
}

span#url-shadow.no-focus {
   background-color: #f0f0f0;
}

span#url-shadow b {
   font-weight: normal;
   color: transparent;
}

div#microphone-div {
   display: none;
}

div.wait {
   display: none;
   position: absolute;
   font-style: italic;
   top: 120px;
   left: 356px;
   width: 88px;
   height: 88px;
   z-index: 10;
   font-size: 17px;
   line-height: 24px;
   text-align: center;
}

div#toplist {
   padding-top: 16px;
}

div#plist {
   padding-top: 16px;
}

div#correct-progress {
   display: none;
}

div#output {
   padding-top: 16px;
   margin-bottom: 24px;
}

div#output li {
   line-height: 1.6em;
}

div#column {
   /* Keep columns reasonably narrow for ease of reading */
   max-width: 720px;
   margin-left: 0;
   margin-right: auto;
}

tr.topitem, tr.authitem, tr.article {
   cursor: pointer;
}

tr.topitem td.heading img {
   margin-left: 4px;
   margin-right: 4px;
   margin-top: -3px;
}

tr.article td.heading img {
   margin-right: 8px;
}

td.timestamp {
   width: 4.5em;
   /* Normal HH:MM time */
}

td.timestamp.wide {
   width: 7em;
   /* Full time and date */
}

td.ratio {
   width: 4.5em;
}

td.heading {
   max-width: 700px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

td.extlink {
   width: 2em;
}

td.ts {
   white-space: nowrap;
   overflow-x: hidden;
   min-width: 100px;
}

td.flags, td.gender {
   width: 2.5em;
}

td.locname, #plist td.name {
   width: 240px;
   font-weight: 700;
}

.table-responsive {
   overflow-x: hidden;
}

.table-scroll-wrapper {
   overflow-x: auto;
}

.table-scroll-wrapper table {
   margin-bottom: 0;
}

td.ratio div.progress {
   min-width: 4em;
   max-width: 4em;
   margin-bottom: 0;
}

td.ratio div.progress div.progress-bar {
   min-width: 3em;
}

tr.topitem span.name {
   font-weight: 700;
   white-space: nowrap;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

tr.topitem span.title, tr.topitem td.title {
   white-space: nowrap;
   overflow-x: hidden;
   text-overflow: ellipsis;
}

.query-empty {
   font-size: 24px;
}

#namelist span.name,
#namelist span.entity,
#similarlist span.heading {
   color: #006eff;
   cursor: pointer;
}

#namelist span.name,
#namelist span.entity {
   font-weight: 700;
}

#namelist span.name:hover,
#namelist span.entity:hover,
#similarlist span.heading:hover {
   background-color: #FFEEA9;
   /* Greynir pale yellow */
}

#similarlist a:hover {
   text-decoration: none;
}

#namelist span.title {
   padding-left: 6px;
}

#similarlist li img {
   margin-left: 8px;
   margin-right: 4px;
}

#similarlist li span.similarity {
   margin-left: 8px;
   font-style: italic;
   font-size: 0.9em;
   color: #aaaaaa;
}

#similarlist span.timestamp {
   display: inline-block;
   min-width: 90px;
   color: #888888;
}

span.glyphicon-gender-male {
   color: #005eff;
}

span.glyphicon-gender-female {
   color: #eb3732;
}

td.gender, th.gender {
   text-align: center;
}

td.name {
   min-width: 200px;
   font-weight: 700;
}

td.domain {
   font-weight: 700;
   color: #777777;
}

#entity-body span.name,
#entity-body span.entity {
   font-weight: 700;
   color: #005eff;
   cursor: pointer;
}

#entity-body span.name:hover,
#entity-body span.entity:hover {
   background-color: #FFEEA9;
   /* Greynir pale yellow */
}

#entity-body ul {
   font-size: 1.05em;
}

#entity-body li small {
   color: #aaaaaa;
}

span.art-list {
   margin-left: 4px;
}

span.art-link {
   margin-left: 8px;
   color: #d0d0d0;
   cursor: pointer;
}

span.art-link:hover {
   outline: #006eff solid 1px;
}

span.art-link img {
   margin: 2px;
   vertical-align: text-bottom;
}

p.image {
   position: relative;
   margin-top: 0.4em;
   margin-bottom: 1.2em;
   padding-left: 2.4em;
   padding-top: 0;
   padding-bottom: 0;
}

span.imgreport {
   display: none;
   position: absolute;
   bottom: 10px;
   left: 50px;
   font-size: 0.75em;
}

span.imgreport a {
   color: white !important;
   text-decoration: none;
   text-shadow:
      #000 0 0 2px,
      #000 0 0 2px,
      #000 0 0 2px,
      #000 0 0 2px,
      #000 0 0 2px,
      #000 0 0 2px;
}

span.imgreport a:hover {
   text-decoration: none;
}

div#info,
div#info-trnsl,
div#detail {
   visibility: hidden;
   position: absolute;
   background-color: #eeeeee;
   border-radius: 4px;
   box-shadow: 2px 2px 4px 2px #555555;
   z-index: 10;
   min-width: 160px;
   max-width: 360px;
   margin-top: 60px;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 12px;
   padding-right: 12px;
}

div#info-trnsl,
div#detail {
   margin-top: 4px;
}

div#info.kk,
div#info.kvk,
div#info.hk,
div#info.fn,
div#info.abfn,
div#info.pfn,
div#info.person.male {
   background-color: #d9edf7;
}

div#info.lo {
   background-color: #dff0d8;
}

div#info.so,
div#info.nhm,
div#info.person.female {
   background-color: #f2dede;
}

div#info.st {
   background-color: #fcf8e3;
}

div#info p {
   margin-top: 0;
   margin-bottom: 4px;
   padding: 0;
}

div#info #tag {
   display: block;
   /* Implied by float: left */
   float: left;
   padding-right: 6px;
   padding-bottom: 2px;
}

div#info.fn #tag,
div#info.pfn #tag,
div#info.abfn #tag,
div#info.person.male #tag,
div#info.kk #tag,
div#info.kvk #tag,
div#info.hk #tag {
   color: #005eff;
}

div#info.lo #tag {
   color: #00b450;
}

div#info.nhm #tag,
div#info.so #tag,
div#info.person.female #tag {
   color: #eb3732;
}

div#info.st #tag {
   color: #ffb400;
}

div#info #lemma {
   font-weight: 700;
}

div#info #lemma>.flag {
   height: 15px;
   margin-left: 8px;
   margin-top: -3px;
}

div#info #details {
   margin-top: 4px;
   font-style: italic;
}

div#info-image {
   width: 100%;
   margin-bottom: 5px;
}

div#info-image img {
   width: 100%;
   max-width: 200px;
   max-height: 200px;
   object-fit: cover;
}

div#info>p em {
   font-weight: bold;
}

#meta-author, #meta-timestamp, #meta-url {
   text-align: right;
}

#meta-url img {
   margin-left: 6px;
}

div#help h3.help {
   text-align: right;
}

div#output h3 {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
}

h3.help small {
   font-style: italic;
}

span.sent {
   margin-left: -4px;
   margin-right: -2px;
   padding-left: 4px;
   padding-right: 4px;
   padding-bottom: 2px;
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
   border-radius: 5px;
   border-color: transparent;
   line-height: 28px;
}

span.sent.err {
   border-color: #eb3732;
   border-style: dotted;
}

span.sent.err:hover {
   border-color: #FFE0EA;
   background-color: #FFE0EA;
}

span.sent.err-corr {
   color: #eb3732;
}

span.errtok {
   font-weight: 700;
   color: #eb3732;
}

span.corrtok:before {
   font-family: "Glyphicons Regular";
   top: 0.4em;
   margin-left: 0.2em;
   font-size: 0.7em;
   color: #00b450;
   content: "\E174";
}

span.corrtok.unknown:before {
   color: #eb3732;
}

span.corrtok.advisory:before {
   color: #ffb400;
}

span.sent.parsed:hover {
   background-color: #e4ffd4;
   border-color: #e4ffd4;
}

div.result {
   font-size: 1.05em;
   line-height: 1.6;
   padding-top: 0.2em;
   padding-bottom: 0.8em;
}

div.result i {
   font-style: normal;
   border-radius: 5px;
   border-width: 1px;
   border-style: solid;
   border-color: transparent;
   padding-left: 1px;
   padding-right: 1px;
   padding-bottom: 2px;
   margin-right: -3px;
}

div.result i.nf {
   /* Word not found */
   font-weight: 700;
   color: #eb3732;
}

div.result i.number {
   font-weight: 700;
   color: #00b450;
}

div.result i.percent {
   font-weight: 700;
   color: #005eff;
}

div.result i.ordinal {
   font-weight: 700;
   color: #ffb400;
}

div.result i.date,
div.result i.dateabs,
div.result i.daterel,
div.result i.time,
div.result i.timestamp,
div.result i.timestampabs,
div.result i.timestamprel {
   font-weight: 700;
   color: #ffb400;
}

div.result i.currency {
   font-weight: 700;
   color: #00b450;
}

div.result i.amount {
   font-weight: 700;
   color: #00b450;
}

div.result i.person {
   color: #005eff;
   font-weight: 700;
}

div.result i.entity,
div.result i.company {
   color: #777777;
   font-weight: 700;
}

div.result i.lönd,
div.result i.örn,
div.result i.göt,
div.result i.borg {
   color: #e28400 !important;
   font-weight: 700;
}

div.result i.lönd:hover,
div.result i.örn:hover,
div.result i.göt:hover,
div.result i.borg:hover {
   color: white !important;
}

div.result i.year,
div.result i.telno,
div.result i.email,
div.result i.url,
div.result i.domain {
   color: #777777;
   font-weight: 700;
}

div.result i.c.highlight {
   text-decoration: underline;
}

div.result i.warntok {
   color: #e28400;
}

/* Note: errtok should appear after warntok, since it has higher priority */
div.result i.errtok {
   color: #eb3732;
}

div.result i:hover {
   color: white;
   background-color: #777777;
   border-color: #777777;
}

div.result i.p:hover {
   color: black;
   background-color: transparent;
   border-color: transparent;
}

div.result i.person:hover {
   /* Special case for person */
   border-color: #005eff;
   background-color: #005eff;
}

div.result i.entity:hover {
   /* Special case for entity */
   border-color: #fbe9d0;
}

/* Noun-type word: blue color */
div.result i.kk:hover,
div.result i.kvk:hover,
div.result i.hk:hover,
div.result i.fn:hover,
div.result i.pfn:hover {
   border-color: #005eff;
   background-color: #005eff;
}

/* Verb-type word: red color */
div.result i.so:hover,
div.result i.nhm:hover {
   border-color: #eb3732;
   background-color: #eb3732;
}

/* Adjective-type word: green color */
div.result i.lo:hover {
   border-color: #00b450;
   background-color: #00b450;
}

/* Conjunction-type word: yellow color */
div.result i.st:hover {
   border-color: #ffb400;
   background-color: #ffb400;
}

div#statistics {
   display: none;
}

div#register {
   display: none;
}

div#similar {
   display: none;
}

div.correct {
   position: relative;
   display: block;
   width: 100%;
   overflow-x: hidden;
}

div.canvas {
   position: absolute;
   display: block;
   z-index: -1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow-y: hidden;
}

div.canvas svg g path {
   fill: none;
   stroke: #eb3732;
   stroke-dasharray: 3;
   stroke-opacity: 0.4;
   stroke-width: 2px;
}

div.canvas svg g path.warning {
   stroke: #ffb400;
}

div.canvas svg g path.highlight {
   stroke-opacity: 0.85;
}

div.annotation {
   font-size: 0.8em;
   line-height: 1.4;
   padding-top: 0.2em;
   padding-bottom: 0;
   /* 0.8em; */
}

div#result {
   position: relative;
}

/* Annotation background */
div#result div.background {
   position: absolute;
   z-index: -1;
   height: 100%;
   width: 30%;
   right: 0;
}

span#no-annotations {
   display: none;
   text-align: right;
   font-style: italic;
   position: absolute;
   right: 0;
   margin-right: 8px;
   margin-top: 4px;
}

span#no-annotations span.glyphicon-circle-ok {
   color: #00b450;
   font-size: 1.5em;
   margin-left: 4px;
   position: relative;
   top: 7px;
}

/* Result div on correct.html page */
div.correct div.result {
   float: left;
   width: 70%;
   margin-left: 0;
   margin-right: 0;
   padding-right: 12px;
}

div.correct div.annotation {
   float: left;
   width: 30%;
   margin-left: 0;
   margin-right: 0;
   padding-left: 16px;
}

div.annotation div.ann-text {
   font-style: italic;
   color: #eb3732;
   background-color: white;
   border: 1px solid #eb3732;
   border-radius: 5px;
   padding: 6px;
   margin-bottom: 0.5em;
   cursor: pointer;
}

div.annotation div.ann-text:hover {
   background-color: rgba(217, 83, 79, 0.10);
}

div.annotation div.ann-text.warning {
   color: #e28400;
   border: 1px solid #e28400;
}

div.annotation div.ann-text.warning:hover {
   background-color: #ffeed6;
}

div.annotation div.ann-detail {
   display: none;
}

div.annotation span.ann-info {
   float: right;
   padding-left: 4px;
   padding-bottom: 4px;
}

div.guide-empty {
   line-height: 1.50em;
}

div.guide-empty i {
   color: #005eff;
}

div.guide-empty i:hover {
   color: #004db1;
   text-decoration: underline;
   cursor: pointer;
}

ul.guide-example-list {
   font-size: 0.95em;
}

ul.guide-example-list li {
   font-size: 0.95em;
   line-height: 1.75em;
}

th.count, td.count {
   text-align: right;
}

th.male, td.male {
   color: #005eff;
}

th.female, td.female {
   color: #eb3732;
}

th.neutral, td.neutral {
   color: #555;
}

tfoot tr td {
   font-weight: 700;
}

table.table thead th {
   padding-top: 8px;
   padding-bottom: 8px;
}

#article-list thead th {
   padding-left: 4px;
}

span#article-key {
   font-style: italic;
}

table.table tfoot tr td {
   padding-top: 8px;
   padding-bottom: 8px;
}

img.villi {
   margin-top: 16px;
   margin-left: 12px;
}

h5#meta-url {
   vertical-align: middle;
   font-size: 16px;
   line-height: 1.3;
   margin-bottom: 0.8em;
}

h5#meta-url button {
   margin-left: 8px;
}

textarea#txt {
   margin-bottom: 1em;
}

div.panel-heading span.glyphicon {
   padding-right: 6px;
}

div#entity-body div.guide-empty {
   margin-top: 36px;
}

p.author {
   text-align: right;
}

div#output h3 {
   color: #005eff;
}

/* Parse grid stuff */

div.input-parsegrid h4 button {
   font-size: 16px;
   font-weight: normal;
   padding-left: 8px;
   padding-right: 8px;
   margin-right: 8px;
}

div.grid {
   font-size: 14px;
   margin-bottom: 16px;
}

div.grid .table-responsive {
   overflow-x: auto;
}

div.grid table {
   border-collapse: collapse;
   margin-bottom: 16px;
   margin-left: 8px;
   margin-right: 8px;
}

div.grid table tr td {
   background-color: #deffee;
   border-style: solid;
   border-width: 3px;
   border-color: #ffffff;
   text-align: center;
   padding-left: 3px;
   padding-right: 3px;
   padding-top: 1px;
   padding-bottom: 1px;
}

div.grid table tr td.error {
   /* Nonterminal marked with an error tag */
   color: #eb3732;
}

div.grid table tr td.t {
   /* Terminal */
   font-style: italic;
   background-color: #ffe9b6;
   vertical-align: bottom;
   padding-bottom: 3px;
   position: relative;
}

div.grid table#treegrid-full tr td.nt {
   /* Nonerminal */
   position: relative;
   padding-right: 32px;
   /* Make room for the score to the right */
   text-align: left;
}

div.grid table#treegrid-full tr td.nt.wide {
   /* Nonerminal with a wide span */
   text-align: center;
}

div.grid table#treegrid-full tr td.t {
   padding-top: 18px;
   /* Make room for the score at the top */
}

td.t span.tok {
   display: block;
   font-size: 16px;
   line-height: 24px;
   font-style: normal;
   font-weight: 700;
}

span.score {
   display: block;
   position: absolute;
   width: 100%;
   top: 0;
   right: 2px;
   font-style: normal;
   text-align: right;
   color: #00b450;
}

span.score.neg {
   color: #eb3732;
}

td.t span.tname {
   display: block;
}

h4.txt {
   margin-top: 0;
   margin-bottom: 15px;
   line-height: 1.4;
}

h4.txt span.glyphicon {
   color: #005eff;
   padding-right: 8px;
}

h4.txt span.glyphicon:hover {
   color: #002e6b;
   cursor: pointer;
}

div#metadata h1 {
   line-height: 1.25;
}

div#metadata button.btn {
   font-size: 18px;
   line-height: 18px;
}

div#metadata button.btn span.glyphicon {
   top: 0;
}

button.btn.btn-lg.btn-block span.glyphicon {
   margin-right: 4px;
}

h3.query {
   margin-top: 0;
   margin-bottom: 20px;
}

div#result-query {
   display: none;
}

div#result-query h3.query {
   line-height: 1.4;
}

div#result-tabs {
   display: none;
}

div#search-result {
   display: none;
}

span.topic {
   margin-right: 12px;
}

span.topic span.glyphicon {
   padding-right: 4px;
}

div#percent {
   margin-top: 6px;
   margin-bottom: 6px;
   background-image: linear-gradient(to bottom, #555555 0, #777777 100%);
}

div.headline {
   display: inline-block;
   padding-top: 5px;
   padding-bottom: 6px;
}

span.weight20,
span.weight25 {
   color: #005eff;
}

span.weight16 {
   color: #5bc0de;
}

span.weight12 {
   color: #222222;
}

span.weight10 {
   color: #777777;
}

span.weight0 {
   color: #cccccc;
}

table#tbl-edit-sent {
   margin-bottom: 12px;
}

table#tbl-edit-sent tr td {
   vertical-align: middle;
}

table#tbl-edit-sent tr td h4 {
   margin-top: 6px;
   margin-bottom: 6px;
}

button#edit-sent {
   margin-right: 12px;
}

div#stats-panel td.count {
   font-weight: 700;
}

td.explain {
   font-style: italic;
   text-align: right;
}

div#canvas {
   position: relative;
   overflow: visible;
   margin-bottom: 80px;
}

div#canvas svg {
   cursor: default;
}

div#treegrid {
   position: relative;
   overflow: visible;
}

div#treegrid table {
   cursor: default;
}

/* Autosuggestions in query field */
.autocomplete-suggestions {
   border: 1px solid #999;
   background: #FFF;
   overflow: auto;
}

.autocomplete-suggestions strong {
   color: #005eff;
}

.autocomplete-suggestion {
   padding: 2px 5px;
   white-space: nowrap;
   overflow: hidden;
   font-size: 18px;
   cursor: pointer;
}

.autocomplete-selected {
   background: #F0F0F0;
}

/* Disable text selection in element */

.noselect {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/* Styling for bootstrap tooltips */

.tooltip .tooltip-inner {
   font-size: 1.2em;
}

.tooltip.in {
   opacity: 1;
   filter: alpha(opacity=100);
}

/* Top People and Locations ranking */

div.rank-progressbar {
   margin-bottom: 0;
   text-align: left;
   float: none;
}

div.rank-progressbar>span {
   margin-left: 6px;
}

div.rank-article-items {
   display: none;
   margin-top: 10px;
}

div.minheight {
   min-height: 300px;
}

/* Location maps */

div#icemap, div#worldmap {
   height: 470px;
   width: 100%;
}

@media(max-width: 768px) {
   div#icemap, div#worldmap {
      height: 300px;
   }
}

img.mapflag {
   max-height: 12px;
   margin-left: 4px;
   margin-bottom: 2px;
   margin-right: 5px;
}

img.titleflag {
   max-height: 20px;
   margin-right: 8px;
   margin-left: 10px;
   margin-top: -6px;
}

span#map-results-progress {
   font-size: 0.8em;
   margin-left: 8px;
}

p.no-results {
   margin: 10px;
}

.hidden {
   display: none;
}

.daterangepicker .ranges li.active,
.daterangepicker td.active {
   background-color: #005eff !important;
}