body {
  background: #ccc;
  font-family: Georgia, Times, serif;
  text-size-adjust: none;
/*  overscroll-behavior: contain;*/
  margin: 0;
  padding:0;
}

#spinner{
  display:block;
  position:fixed;
}
#openClose{
  opacity:0;
  transition: top 1s;
  position:fixed;
  text-align: center;
  color:#444;
  background:rgba(0,0,0,0);
  -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select:  none;  /* Safari */
    -khtml-user-select:  none;  /* Konqueror HTML */
      -moz-user-select:  none;  /* Old versions of Firefox */
       -ms-user-select:  none;  /* Internet Explorer/Edge */
           user-select:  none;  /* Non-prefixed version, currently*/
  cursor: pointer;
}


#title, #subTitle{
  position:fixed;
  text-align: center;
  font-style: italic;
  opacity:0;
  transition:opacity .1s;
  color:#444;
}

#footer{
  pointer-events: none;
  position: sticky;
  text-align: center;
  font-style: italic;
  color:#444;
  opacity:0;
}


#menu{
  position:fixed;
  opacity:0;
  transition: top 1s;
  background:#fff;
  font-style: italic;
}

#menu a{
  color:#444;
  text-decoration: none;
  transition:all .2s;
  text-shadow: 4px 4px 4px rgba(0,0,0,.1);
  text-align:center;
}

#menu a:hover{
  /*background:#eee;*/
}
#button1, #button2, #button3{
  position: absolute;
}


#tagSelection, #startDate, #endDate, #submitFilter{
  font-family: Georgia, Times, serif;
  color:#333;
  border: 0;
  padding-left:  .5vw;
  padding-right: .5vw;
  background:#ccc;
  transition:background .2s;
  box-shadow: 4px 4px 4px rgba(0,0,0,.1);
}
#tagSelection:focus, #startDate:focus, #endDate:focus, #submitFilter:focus {
  outline: none !important;
}
#tagSelection:hover, #startDate:hover, #endDate:hover, #submitFilter:hover{
  background:#eee;
}
form:focus {
  outline: none !important;
}

#content{
  position:relative;
  text-align: center;
  transition:opacity 1s;
  -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none;  /* Safari */
    -khtml-user-select: none;  /* Konqueror HTML */
      -moz-user-select: none;  /* Old versions of Firefox */
       -ms-user-select: none;  /* Internet Explorer/Edge */
           user-select: none;  /* Non-prefixed version, currently*/
}


#content a{
  text-decoration:none;
  color:#333;
  background:#fff;
}

.noSelect, a {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.noSelect:focus {
    outline: none !important;
}
#debug{
  z-index=1000;
  position:fixed;
  top:0px;
  font-family:monospace;
  background:rgba(0,0,0,.7);
  color:lightgreen;
  padding:5px;
  font-weight:bold;
  font-size:large;
  width:30%;
  visibility: collapse;

}
#loadBarScreen{
  position:fixed;
  top:0px;
  left:0px;

}

#ring1 {
  display: inline-block;
  position: fixed;
}
#ring2 {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 80%;
  height: 80%;
  margin: 10%;
  border: solid;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

#ring1 div:nth-child(1) {
  animation-delay: -0.45s;
}
#ring1 div:nth-child(2) {
  animation-delay: -0.3s;
}
#ring1 div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}