.page {
  background-color: #e7e3da;
}

.flag {
    background: white;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}


.bg-lighter {
    background-color: #f3efe6 !important;
}
.found {
    color: green;
    font-weight: bold;
}

.notfound {
    color: maroon;
}

/* farger på overskriften */

.top0 {
    display: flex;
    align-items: center; /* vertically center items */
    background-color: #31659c;
    color: white;
    font-family: 'Segoe UI Semibold';
    font-size: 18pt;
    min-height: 30pt;
}

.homelink:visited {
  color: white; /* Lenke oppe til venstre */
}

.top1 {
  background-color: #2b5989;
  height: 3px;
}

.top2 {
  background-color: #0b3c7f;
  height: 1px;
}

.top3 {
  background-color: #d5d2ca;
  height: 6px;
}

/* Stor overskrift Interaksjonsdatabase for norske klinikere */

.header {
  font-weight: lighter;
  font-size: 32pt;
  color: #333;
  text-shadow: 0px 2px 0px rgba(255, 255, 255, .5);
  /* 50% white from top */
}

/* Information table at the top */

table.infotable {
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-top: 6pt;
  margin-bottom: 12pt;
}

h5 {
  margin-top: 4pt;
  padding-top: 4pt;
}

.infopanel-top {
  padding-top: 12pt;
  padding-bottom: 12pt;
}

.app {
  font-family: 'Segoe UI';
}

.signs {
  font-weight: bold;
  color: #2b5989;
  font-size: 32pt;
}

.infocaptions {
  padding: 16pt;
  color: #153056;
}

/* Søkefelt og området rundt */

.inputbox {
  width: 100%;
  height: 8rem;
}

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

.btn {
  width: 40%;
  margin-top: 6pt;
  margin-bottom: 6pt;
}

/* Use same hue/saturation as .top0 (#31659c ~ hsl(211,52%,40%))
   Make the button slightly lighter and the border a little lighter still. */
.btn-analyze {
  color: white !important;
  background-color: hsl(211deg 52% 46%) !important; /* slightly lighter than .top0 */
  border: 1px solid hsl(211deg 52% 52%) !important; /* a bit lighter than the button */
  transition: background-color 0.15s ease-in-out, filter 0.15s ease-in-out, border-color 0.15s ease-in-out;
  box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset;
}

/* Hover/focus state: a touch lighter while keeping the same hue/saturation */
.btn-analyze:hover,
.btn-analyze:focus {
  background-color: hsl(211deg 52% 51%) !important; /* lighter on hover */
  border-color: hsl(211deg 52% 56%) !important;
  filter: none;
}

.btn-test {
    color: white !important;
    background-color: #319c65 !important;
}

.btn-clear {
  color: white !important;
  background-color: #153056 !important;
}

/* Tekst aller nederst om forbehold */

.legalese {
  font-size: small;
  font-style: italic;
}

/* Visning av interaksjon */

.Referanse {
  font-size: small;
}

.FestId, .ReadMore {
  float: right;
  font-size: xx-small;
}

.dark {
  background-color: #2b5989;
  color: white;
}

/* Ikoner ved siden av interaksjon på resultatsiden */

.resultlevel {
  margin-right: 12pt;
}

.situation{
    font-style: italic; display: inline;
}

.not-maintained{
    color: red;
}