.banner .company {
  display: none;
}
body[data-kiosk] nav.main_calendar > nav {
  display: none;
}
body[data-kiosk] {
  font-size: x-large;
}
body[data-kiosk] .color_key {
  display: none;
}

.color_key > div {

  border-radius: 10px;
  text-align: center;
  font-weight: normal;
  width: 90%;
}
.message_top {
  font-weight: bold;
  color: black;
  font-size: medium;
}
nav a.selected, nav.view a:hover, nav.view a:focus, nav.arrow a:hover, nav.arrow a:focus {
  background: #398DCC;
  box-shadow: inset 1px 1px #398DCC;
  }
  .banner {
  background-color: #398DCC;
  }
  input, textarea {
  margin: 5px;
}
header input[type="search"] {
  border-radius: 5px;
}
input.form-control.input {
  border-radius: 5px;
}
button,
input[type="submit"],
input[type="button"] {
  background-color: #4CAF50;
  color: white;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #45a049;
}

  /* Fargevariabler */
  :root{
    --blue: #1E88E5;           /* Primær blå */
    --blue-dark: #1565C0;      /* Kant/skygge */
    --red:  #398DCC;           /* Hover/aktiv rød */
    --red-dark: #B71C1C;       /* Kant/skygge ved hover */
    --text-on: #FFFFFF;        /* Hvit tekst */
  }

  /* Gjelder KUN menylenker inne i nav.container */
  header nav.container .menu a {
    display: inline-block;
    background: var(--blue);
    color: var(--text-on) !important;
    text-decoration: none;
    font-weight: 400;
    padding: 0.5rem 0.9rem;
    border-radius: 5px;
    border: 1px solid var(--blue-dark);
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
    transition: background .18s ease, border-color .18s ease, transform .12s ease;
    line-height: 1.2;
  }

  /* Hover/fokus = rød */
  header nav.container .menu a:hover,
  header nav.container .menu a:focus {
    background: var(--red);
    /*border-color: var(--red-dark); */
    color: var(--text-on) !important;
    transform: translateY(-1px);
    outline: none;
  }

  /* Avstand mellom knappene i menyen */
  header nav.container .menu a + a {
    margin-left: .9rem;
  }

  /* Tilgjengelighet: fokusring ved tastaturnavigasjon */
  header nav.container .menu a:focus-visible {
    box-shadow: 0 0 0 3px rgba(30,136,229,.35);
  }

/* Tilgjengelighet for lenker */
  header nav.container .menu a:focus-visible {
    box-shadow: 0 0 0 3px rgba(30,136,229,.35);
  }

  /* ---- LOGON-DELEN (knapper som "Pål Monstad", "Logg ut") ---- */

  /* Grunnstil: gjør submit-knappene lik menyknapper */
  header nav.container .logon input[type="submit"] {
    display: inline-block;
    background: var(--blue);
    color: var(--text-on) !important;
    text-decoration: none;
    font-weight: 400;
    padding: 0.5rem 0.9rem;
    border-radius: 5px;
    border: 1px solid var(--blue-dark);
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
    transition: background .18s ease, border-color .18s ease, transform .12s ease;
    line-height: 1.2;
    cursor: pointer;
  }

  /* Hover/fokus = rød i logon */
  header nav.container .logon input[type="submit"]:hover,
  header nav.container .logon input[type="submit"]:focus {
    background: var(--red);
    /* border-color: var(--red-dark); */
    color: var(--text-on) !important;
    transform: translateY(-1px);
    outline: none;
  }

  /* Avstand mellom logon-knapper */
  header nav.container .logon form + form input[type="submit"],
  header nav.container .logon input[type="submit"] + input[type="submit"] {
    margin-left: .9rem;
  }

  /* Tilgjengelighet for submit-knapper */
  header nav.container .logon input[type="submit"]:focus-visible {
    box-shadow: 0 0 0 3px rgba(30,136,229,.35);
  }


header nav.container .logon #show_my_entries {
  display: none;
 }


 /* Skjul bare "Gå til"-knappen i toppen – behold datofeltet */
  header nav #form_nav input[type="submit"] {
    display: none !important;
  }