.header{
    width: 100%;
    height: 10%;
    position: fixed;
    /*background: #00badc;*/
    background: white;
    padding: 10px 0;
    color: #fff;
    top: 0;
}

#nav{
    z-index: 9999;
    box-shadow: 0px 5px 10px 5px #00000033;
    display: flex;
    flex-direction: row;
}

.footer{
    background: white;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    padding: 2vmin;
    box-shadow: 0px -5px 10px 5px #00000033;
}

.info-container{
    width: 100%;
    text-align: center;
}

.separator{
    background: rgb(223, 223, 223);
    height: 60%;
    width: 2px;
}

.bardiv{
    padding: 0;
}



#content{
    position: absolute;
    /*top: 10%;*/
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    flex-direction: row;
}

#map{
    width: 100%;
    box-sizing: border-box;
}

#privacy{
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 10vh;
    text-align: center;
}

.info-title{
    color: #00badc;
    font-weight: 700;
    /*font-size: large;*/
    vertical-align: middle;
}

#amag{
    max-width: 9vw;
}

#upo{
    max-width: 9vw;
    height:auto;
}

#title{
    color: #00badc;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 3vw;
    text-align: center;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span{
    white-space:nowrap;
    font-size: 1vmax;
}

tbody{
    font-size: 1vmax;
    text-overflow: ellipsis;
}

.hand:hover{
    cursor: pointer;
}

.hand{
    font-size: 1vmax;
}

.right-panel-out{
    background: white;
    padding: 1%;
    /*width: 30%;*/
    width: /*400px;*/ 40vw;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    /*overflow: auto;*/
}

table{
    /*display: inline-block;*/
    margin: auto;
    table-layout: auto;
}

td:last-child {
    width: 100%;
}

#arrow-stats{
    position: absolute;
    bottom: 3vh;
    left: 3vh;
}

#right-panel{
    overflow: scroll;
    height: 100%;
}

@media all and (orientation:portrait){
    /*.hand {
      visibility: hidden;
    }*/
    .blueTable{
        width: 100%;
    }
    td{
        text-overflow: ellipsis;
    }
    #title{
        max-width: 99999px;
    }
  }

  @media all and (orientation:landscape){
    .blueTable{
        width: 48%;
    }
}

.blueTable{
    display: inline-block;
    margin: 0;
    padding: 1px;
}