$panel-width: 40%;
e-node-map {
  display: block;
  height: 100%;

  ng-map {
    height: 100%;
  }
  
  e-node-map-panel {
    position: absolute;
    height: 100%;
    top: 0;
    right: -($panel-width + 5);
    width: $panel-width;
    background-color: $background-color;
    background-image: url($background-image);
    transition: all .5s ease-in-out;
    box-shadow: -10px 0px 20px -5px rgba(0,0,0,0.75);
    max-height: 100%;
    overflow-y: scroll;

    &.in{
      right: 0;
    }

    .details {
      margin-bottom: 20px;
      .ip-address {
        padding-top: 20px;
      }
    }
  }
}

e-node-map-panel {
  display: block;
}