* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: SiemensSans !important;
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
}

.topBar * {
    color: white;
}

.messageBox {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.messageBoxContent {
  background-color: #23233c;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  color: #ffffff
}

/* hide video ui on ios */
video::-webkit-media-controls {
    display:none !important;
}

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}

video {
    pointer-events: none;
}

.pulseAnim {
  animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
  border-radius: 22px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 1);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 1);
    box-shadow: 0 0 0 0 rgba(255,255,255, 1);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 1);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

.pulseImage {
  border-radius: 5px;
  background: #00000050;
  cursor: pointer;
  animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
}
.pulseImage:hover {
  background: #00000050;
}

@-webkit-keyframes pulseImage {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulseImage {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.pulse2 {  
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: "red";
  cursor: pointer;
  /* box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
  -webkit-animation: pulse2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse2 1.25s infinite cubic-bezier(0.66, 0, 0, 1); */
}
.pulse2:hover {
  background: #00000050;
}
@-webkit-keyframes pulse2 {to {box-shadow: 0 0 0 45px rgba(255, 0, 0, 0);}}
@-moz-keyframes pulse2 {to {box-shadow: 0 0 0 45px rgba(255, 0, 0, 0);}}
@-ms-keyframes pulse2 {to {box-shadow: 0 0 0 45px rgba(255, 0, 0, 0);}}
@keyframes pulse2 {to {box-shadow: 0 0 0 45px rgba(255, 0, 0, 0);}}


.i{
  height: 2px;
  width: 1px;
  position: relative;
  background: transparent;
  margin-left: 42px;
  margin-top: 42px;
  border-radius:50%;
  display:inline-block;
  padding:5px;
  z-index: 99999999999;
  box-shadow: 0 0 0 rgba(255, 145, 0, 1.0);
  -webkit-animation: pulse2 1.95s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse2 1.95s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse2 1.95s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse2 1.95s infinite cubic-bezier(0.66, 0, 0, 1);
}

.opacy08 {
  opacity: 0.80;
}
.opacy1 {
  opacity: 1;
}

.i2{
  height: 2px;
  width: 1px;
  position: relative;
  background: transparent;
  margin-left: 42px;
  margin-top: 42px;
  border-radius:50%;
  display:inline-block;
  padding:5px;
  box-shadow: 0 0 0 rgb(255, 0, 0);
  -webkit-animation: pulse2 1.25s infinite cubic-bezier(0.66, 0.5, 0.5, 1);
  -moz-animation: pulse2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse2 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse2 1.25s infinite cubic-bezier(0.66, 0.5, 0.5, 1);
}

.iseen {
  height: 2px;
  width: 1px;
  position: relative;
  background: transparent;
  margin-left: 42px;
  margin-top: 42px;
  border-radius:50%;
  display:inline-block;
  padding:5px;
  filter: drop-shadow(0 0 2px rgb(58, 255, 84, 1))  
  drop-shadow(0 0 2px rgb(58, 255, 84, 1));
  -webkit-filter: drop-shadow(0 0 2px rgb(58, 255, 84, 1))
  drop-shadow(0 0 2px rgb(58, 255, 84, 1));
  -ms-filter: drop-shadow(0 0 2px rgb(58, 255, 84, 1))
  drop-shadow(0 0 2px rgb(58, 255, 84, 1));
  -moz-filter: drop-shadow(0 0 2px rgb(58, 255, 84, 1))
  drop-shadow(0 0 2px rgb(58, 255, 84, 1));
}


.track-horizontal {
  background-color: blue;

}


.cardFocus:focus-visible {
  outline: 1px solid #199fff;
}
.cardFocus button:focus-visible {
  border: 1px solid #199fff;
}