/* Height attributes only work when parent element if of a fixed well defined size. 
Width attributes do not have this restriction */
/*Appropriate position value must be defined before z-index*/
/*Appropriate display value must be defined before margin*/
.vh{
    height:200vh;
}
.table-striped tbody tr td img {
    display: block;
    max-height: 25px;
    margin: 0 auto
}
body, html {
    margin: 0;
    padding:0;
    overflow-x: hidden;
    /* Neede for when list of countries under search bar becomes very long */
    overflow-y: hidden; 
    font-size: 100%;
  }
#map{
      width: 100vw;
      height: 100vh;
  }

#selectbar{
    position:relative;
    z-index:10000;
    margin: 0 auto;
    height:30px !important;
    width:150px !important;
}
#loader{
    position:relative;
    z-index:1000;
    display:block;
    margin: 0 auto;
    height:15%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

table{
    width:100%;
}

#currency1{
    margin: 0 auto !important;
}