:root {
  --lpanelw: calc(100vw - 15rem);
  --rpanelw: 15rem;
  --dark:#006;
  --light: #fefefa;
}
body {
  position:relative;
  margin:0rem;
  padding:0rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body, #frame, #lpanel, #rpanel {
  box-sizing: border-box;
}
#frame {
  display:flex;
  flex-direction: row;
  position:fixed;
  top:0rem;
  left:0rem;
  bottom:0rem;
  right:0rem;
  margin:0rem;
  padding:0rem;
  /* border:5px solid black; */
}
#lpanel {
  flex: 1;
  height:100%;
  position:absolute;
  top:0rem;
  left:0rem;
  bottom:0rem;
  right: calc(100% - var(--lpanelw));
  margin:0rem;
  padding:0rem;
  /* border:1px solid var(--dark); */
}
#rpanel {
  height:100%;
  width: var(--rpanelw);
  width:calc(100% - var(--lpanelw));
  padding:0rem 0.75rem;
  position:absolute;
  top:0rem;
  right:0rem;
  bottom:0rem;
  /* left: var(--lpanelw); */
  border-left:2px solid var(--dark);
}

#rpanel a {
  display:block;
  margin-left:1rem;
  color: var(--dark);
}

.hidden {
  display:none;
}
#togglePanel {
  position:fixed;
  left:0.5rem;
  bottom:0.5rem;
}
#ifrm {
  height:100%;
  width:100%;
  margin:0rem;
  padding:0rem;
  border:none;
}
.showloc {
  border:2px solid red;
  padding:0.25rem 0.75rem;
  margin:0.5rem 0rem;
  height: max-content;
}