/* /Geo/geo.css */

:root {
  /*--idleBG: HSL(240, 0%, 80%);*/
  --idleBG: HSL(240, 100%, 100%);
  --idleFG: black;

  --activeBG: lightgreen;
  --activeFG: black;
 
  --disabledBG: #ccc;
  --disableFG: black;
 
  --transitionBG: yellow;
  --transitionFG: black;

  --errorBG: black;
  --errorFG: yellow;
  --errorBG: #d3d3d3;
  --errorBG: HSL(240, 100%, 50%);

  --offBG: purple;
  --offFG: purple;
 
  --hoverBG: #ddd;
  --hoverFG: #000;

  --startMarkerRadius: 5;
  --endMarkerRadius: 5;
 
  --testBG: blue;
  /* disabled == error */

  /* backgrounds */
  --panelBackground: HSL(0, 0%, 0%);
}

* {
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
}

body {
  font-family: sans-serif;
}

/* define sticky scrolling */
div.sticky {
  position: sticky;
  top: 0;   /* not auto */
}

#mainRow {
  width: 100%;
  display: flex;
}

#left {
  min-width: min(50%, 500px);
  width: 500px;
}

#right {
  width: 100%;
}

#map0Div {
}

/* hide #left if screen less than 640x480 */
@media screen and (max-width: 640px) , (max-height: 480px) {
  #left {
    display: none;
  }
}