.ce_krpanorama {
  padding: 2px;
  height: 800px;
  width: 100%;
}
.ce_krpanorama [id^="pano_"] {
  width: 90%;
  height: 100%;
  position: relative;
}
.ce_krpanorama [id^="pano_"] noscript {
  width: 100%;
  height: 100%;
  display: flex;
}
.ce_krpanorama [id^="pano_"] .overlay {
  position: absolute;
  color: black;
  background-color: aliceblue;
  opacity: 0.7;
  border-radius: 4px;
  padding: 4px;
}
.ce_krpanorama [id^="pano_"] [id^="timeline_"] {
  top: 1rem;
  left: 1rem;
  width: calc(100% - 42rem);
  background: #ccc;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
}
.ce_krpanorama [id^="pano_"] [id^="timeline_"] .container ul {
  list-style-type: none;
  padding: 0;
}
.ce_krpanorama [id^="pano_"] [id^="timeline_"] .container ul li {
  background-color: coral;
  width: 100%;
  display: inline;
  padding: 10px 0;
  text-align: center;
  height: 40px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
}
.ce_krpanorama [id^="pano_"] [id^="timeline_"] .container ul li.time-link {
  color: black;
  background-color: chartreuse;
  border-radius: 50%;
}
.ce_krpanorama [id^="pano_"] [id^="timeline_"] .container ul li div {
  color: black;
  display: inline;
  background-color: chartreuse;
  border-radius: 50%;
}
.ce_krpanorama [id^="pano_"] [id^="timeline_"] .container::after {
  content: "";
  display: block;
  width: 210px;
  height: 12px;
  border-bottom: 4px solid #464646;
  z-index: 10;
  position: absolute;
  margin: auto;
  left: 50%;
  margin-left: -130px;
  margin-top: 21px;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] {
  top: 1rem;
  max-height: 600px;
  right: 1rem;
  width: 38rem;
  overflow-y: scroll;
  font-family: Calibri;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] .published {
  color: black;
  text-decoration: none;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] .unpublished {
  color: dimgray;
  text-decoration: line-through;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] .error {
  color: red;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] h4 {
  margin: 1rem 0 2px 0;
  border-bottom: 1px solid gray;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] table.hotspots {
  border-spacing: 1px;
  border-collapse: separate;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] table.hotspots thead th {
  background-color: #a0a0a0;
  text-align: right;
  padding: 0 4px;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] table.hotspots tbody tr:nth-child(even) {
  background-color: #e0e0e0;
}
.ce_krpanorama [id^="pano_"] div[id^=debug_] table.hotspots tbody td {
  text-align: right;
  padding: 0 4px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22www%2Fhtdocs%2Fw0193e5f%2Fdevelop%2Fpano.pdir.dev%2Fvendor%2Fpdir%2Fkrpano-bundle%2Fsrc%2FResources%2Fpublic%2Fcss%2Ffe_krpano.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBI%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%22%7D */