html {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
body {
  /* Margin bottom by footer height */
  margin-top: 50px;
  margin-bottom: 50px;
  overflow: hidden;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.toc {
  border-right: 1px solid #e7e7e7;
}

.map {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: table;
}

html, body {
    height: 100%;
}

.fill { 
    min-height: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
.toc_member {
  padding:15px;
  width:100%;
  border-bottom:1px solid #e7e7e7;
  
}

.angular-center-container {
  position: fixed;
  top:0;
    left:0;
    height:100%;
    width:100%;
    display:table;
    pointer-events: none;
    z-index:9999;
}
.angular-centered {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.center_container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.center_content {
    display: inline-block;


}
.dragover {
  background-color: #EEE; 
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .onlymobile { display: block !important; }  /* show it on small screens */
}

@media screen and (min-width: 768px) {
  .onlymobile { display: none !important; }   /* hide it elsewhere */
}