body {
  margin: 0;
  border: 0;
  padding: 0;
}

#dateText {
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 11;
  background-color: #303030;
  opacity: 1;
  font-size: 12px;
  font-family: monospace;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#dateContainer {
  width: 700px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 11;
  background-color: #303030;
  opacity: 0.5;
  font-size: 15px;
  font-family: monospace;
  z-index: 6;
}

/*
.container {
  position: absolute;
  border: none;
  outline: none;
}*/

.dg {
  user-select: none;
}

#warningText {
  color: #fff;
  position: absolute;
  top: 40px;
  left: 10px;
  z-index: 11;
  background-color: #700000;
  opacity: 1;
  font-size: 15px;
  font-family: monospace;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#warningContainer {
  width: 300px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 11;
  background-color: RED;
  opacity: 0.5;
  font-size: 15px;
  font-family: monospace;
  z-index: 6;
}

#targetText {
  color: #fff;
  z-index: 11;
  opacity: 1;
  top: 10px;
  font-size: 25px;
  font-family: monospace;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#targetContainer {
  z-index: 11;
  opacity: 1;
  padding-top: 10px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}

#TLEcontainer {
  z-index: 11;
  opacity: 0.8;
  padding-top: 10px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  top: 40%;
  visibility: hidden;
}

#TLEListcontainer {
  z-index: 11;
  opacity: 0.8;
  padding-top: 10px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  top: 40%;
  visibility: hidden;
}

#TLESelectlist {
  width: 500px;
}

#TLESelectcontainer {
  z-index: 11;
  opacity: 0.8;
  padding-top: 10px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  top: 40%;
  visibility: hidden;
}

a:link {
  color: red;
}

a:visited {
  color: red;
}

#autoCompleteContainer {
  z-index: 11;
  opacity: 1;
  padding-top: 0px;
  position: absolute;
  left: 20px;
  top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
}
#autoComplete {
  background-color: #111;
  opacity: 1;
  font-size: 15px;
  font-family: monospace;
}

#canvasJs {
  position: absolute !important;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}

#canvas {
  position: absolute !important;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

#gui_css {
  z-index: 3;
}

#TLEListcontainer,
#TLEUploadContainer,
#ISLUploadContainer {
  z-index: 11;
  opacity: 0.8;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  top: 40%;
  visibility: hidden; /* Ensure containers are hidden by default */
}