body {
  background-color: #00274C;
  font-family: 'Lato', sans-serif;
}

body,
p,
div,
span,
hr {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.page-head {
  background-color: #FDC26B;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  text-align: center;
  padding: 5px 0;
  font-weight: 900;
  position: fixed;
}

.page-body {
  overflow-y: auto;
}

.page-body.error-page {
  text-align: center;
  color: #FFF;
}

.info-body {
  margin: 32px auto 0;
  padding: 5px;
  width: 90%;
  max-width: 850px;
}

.info-section {
  padding: 5px 0;
  background-color: #D5DEE2;
  color: black;
  margin: 5px 0px;
}

.info-head {
  padding: 5px 0px 0px 5px;
}

.head-title {
  font-size: 24px;
  font-weight: 700;
  vertical-align: 5px;
  margin-left: 5px;
  color: black;
}

.info-sub-head {
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  vertical-align: 5px;
  margin-left: 15px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.info-sub-head * {
  display: inline-block;
  vertical-align: middle;
}

.info-subsection {
  list-style-type: none;
  padding: 10px 0px;
  background-color: #FFFFFF;
  margin: 5px 0px;
  border-radius: 5px;
  border: gray 1px solid;
  cursor: pointer;
}

.info-subsection:hover,
.info-subsection:focus {
  background-color: #EEEEEE !important;
}

.info-subsection:has(> button.info-sub-head:focus),
.info-subsection:has(> button.info-sub-head:hover) {
  background-color: #EEEEEE !important;

}

.info-data {
  padding: 0 20px;
  font-size: 18px;
}

.info-sub-data {
  padding-left: 1.2em;
  padding: 0px 30px;
  font-size: 17px;
  display: none;
}

.info-sub-data li {
  padding: 2px 0px 2px 0px;
  list-style-type: square;
}

.ls-icon {
  width: 32px;
  height: 32px;
}

.i-pin-black {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/pin/pin-black.png") no-repeat center center;
  background-size: 42% 81%;
}

.i-clip-black {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/clip/clip-black.png") no-repeat center center;
  background-size: 100% 50%;
}

.i-text-comment {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/default/text-comment.png") no-repeat center center;
  background-size: 100% 100%;
}

.i-space-annotation-black {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/space-annotation/space-annotation-black.png") no-repeat center center;
  background-size: 95% 76%;
}

.i-space-icon {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/default/space-icon.png") no-repeat center center;
  background-size: 95% 76%;
}

.i-space-draw {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/default/space-draw.png") no-repeat 0 2px;
  background-size: 100% 78%;
}

.i-audio-recorder {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/default/audio-recorder.png") no-repeat center center;
  background-size: 100% 48%;
}

.i-marquee {
  background: rgba(0, 0, 0, 0) url("https://storage.googleapis.com/ls_static_content/images/anotemos/icons/default/marquee_black.png") no-repeat center center;
  background-size: 95% 79%;
}


.error-number {
  margin-top: 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 64px;
}

.error-image img {
  margin-top: 10px;
  width: 80%;
  max-width: 600px;
  border-radius: 7px;
}

.error-title {
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.error-text {
  margin-top: 5px;
  font-size: 18px;
}

.go-back-div {
  margin-top: 10px;
}

.go-back-div a {
  display: inline-block;
  padding: 10px 30px;
  background-color: #007FAA;
  border-radius: 7px;
  text-decoration: none;
  color: #FFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
}

.go-back-div a:visited {
  color: #FFF;
}

table, th, td {
  border-collapse: collapse;
  border: 1px solid #00274C;
}

td, th {
  padding: 5px 10px;
}

kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}