body
{
    background-image: linear-gradient(#ffffff, #3B74A4, #ffffff);
}
.iframeDiv
{
position:absolute;
z-index: -1;
    overflow: scroll;
    width:100vw;
    height: 100vh;
    text-align: center;
}

@keyframes smooth-appear {
  to{
    opacity:1;
  }
}
.infoBubble
{
    position:absolute;
    width: 180px;
    height: 470px;
    bottom:-5px;
    left: -10px;
    border-radius: 40px;

    padding: 0px;
    /*background-color: #d6f1ff;*/
    border-width:0px;
    overflow: hidden;
    visibility: hidden;
         margin: 10px;
   /* background: #F5F5F503;
          fill:#F5F5F503;
    backdrop-filter: blur(15px); */
    fill:#FFFFFF;
    font-family: sans-serif;
    font-size: 18px;
    background-color: #FFFFFF;
    z-index: -1;

    /*animation: smooth-appear 1s ease forwards;*/

   



}
.infoBubble_NoHeatmap
{
      position:absolute;
    width: 180px;
    height: 330px;
    bottom:-5px;
    left: -10px;
    border-radius: 40px;

    padding: 0px;
    /*background-color: #d6f1ff;*/
    border-width:0px;
    overflow: hidden;
    visibility: hidden;
         margin: 10px;
   /* background: #F5F5F503;
          fill:#F5F5F503;
    backdrop-filter: blur(15px); */
    fill:#FFFFFF;
    font-family: sans-serif;
    font-size: 18px;
    background-color: #FFFFFF;
    z-index: -1;
}
.imgSymbol
{
/*filter: drop-shadow(0px 0px 12px rgb(0, 0, 0));*/

 
}
.infoText
{
    /*text-shadow: 1px 1px 1px black, 0 0 25px blue, 0 0 5px #FFFFFF;*/
            position: relative;
            display: flex;
            align-items: left;
            left: 13px;
            margin-top: 5px;
            font-size: small;
            
}
.fnugg
{
    /*text-shadow: 1px 1px 1px black, 0 0 25px blue, 0 0 5px #FFFFFF;*/
            position: absolute;
            display: flex;
            align-items: left;
            text-align: left;
            left: 40px;
            bottom: 16px;
            font-size: x-small;
            font-style: italic;
            
}
    span {
            padding: 6px;
            left: 10px;
            color: #000000;
          
        }

.documentDiv
{
    position:sticky;
    position:-webkit-sticky;
    z-index: 1;
    width:100vw;
    height: 100vh;
}



.live_div
{
   
    top: 25px;
    right: 25px;
    width:80px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */

}
.info_div
{
 
    bottom: 25px;
    left: 25px;
    width:80px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */


}

.menu_div
{
 
    bottom: 25px;
    right: 25px;
    width:80px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */



}
.menu_svg
{
 margin: 5px;
   /* background: #F5F5F503; */
          /*fill:#F5F5F503;
    backdrop-filter: blur(15px);*/
    fill: #ffffff;
    border-radius: 100px;

}

.menu_1 {
    /*-webkit-filter: invert(100%);*/ /* safari 6.0 - 9.0 */
    /*filter: invert(100%);*/
    cursor: pointer;
    display: block;
    fill: #000000;
background-color: #000000;
        
}
.menu_live
{
        /*fill:#F5F5F503;*/
        /*-webkit-filter: invert(0%);*/ /* safari 6.0 - 9.0 */
        /*filter: invert(0%);*/
        cursor: pointer;  
        display: block;
        text-decoration: none;
        
        border-style:double;
        font-weight: bold;
        
}
.liveBlink
{
    animation: blink_smooth 3s infinite;
}

@keyframes blink_smooth {
    25% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
}

.menu_live_off
{
    /*-webkit-filter: invert(100%);*/ /* safari 6.0 - 9.0 */
    /*filter: invert(100%);*/
        border-style:double;
        font-weight: bold;
        fill: #000000;
        background-color: #000000;
        
      
}

.menu_0 {
 
  /*-webkit-filter: invert(0%);*/ /* safari 6.0 - 9.0 */
        /*filter: invert(0%);*/
        cursor: pointer;  
        display: block;
       fill:#FFFFFF;
    background-color: #FFFFFF;


    

}


@media only screen and (max-width: 600px) {
  
  .live_div
{
   zoom: normal;
    top: 10px;
    right: 10px;
    width:60px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */

}
.info_div
{
 zoom: normal;
    bottom: 10px;
    left: 10px;
    width:60px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */


}

.menu_div
{
 zoom: normal;
    bottom: 10px;
    right: 10px;
    width: 60px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */


}
    .fnugg
{
    /*text-shadow: 1px 1px 1px black, 0 0 25px blue, 0 0 5px #FFFFFF;*/
            position: absolute;
            display: flex;
            align-items: left;
            text-align: left;
            left: 20px;
            bottom: 7px;
            font-size: x-small;
            font-style: italic;
            
}

.infoBubble
{
    position:absolute;
    width: 160px;
    height: 450px;
    bottom:-5px;
    left: -10px;
    border-radius: 27px;

    padding: 0px;
    /*background-color: #d6f1ff;*/
    border-width:0px;
    overflow: hidden;
    visibility: hidden;
         margin: 10px;
   /* background: #F5F5F503;
          fill:#F5F5F503;
    backdrop-filter: blur(15px); */
    fill:#FFFFFF;
    font-family: sans-serif;
    font-size: 18px;
    background-color: #FFFFFF;
    z-index: -1;

    /*animation: smooth-appear 1s ease forwards;*/

   



}
.infoBubble_NoHeatmap
{
      position:absolute;
    width: 160px;
    height: 310px;
    bottom:-5px;
    left: -10px;
    border-radius: 27px;

    padding: 0px;
    /*background-color: #d6f1ff;*/
    border-width:0px;
    overflow: hidden;
    visibility: hidden;
         margin: 10px;
   /* background: #F5F5F503;
          fill:#F5F5F503;
    backdrop-filter: blur(15px); */
    fill:#FFFFFF;
    font-family: sans-serif;
    font-size: 18px;
    background-color: #FFFFFF;
    z-index: -1;
}

  
}