#cartography-page

  .sidebar
    height: 590px
    position: relative

    .small-map-section
      position: absolute
      bottom: 0

    .small-map-image-container
      border: 1px solid $border-gray
      width: 100%

    .gate-group-list
      margin-bottom: 20px
      background-color: $background-gray
      border: 1px solid $border-gray
      +border-radius(5px)
      padding: 10px
      cursor: pointer

      ul
        li
          margin-left: 10px

      .gate-group-name
        font-size: 1.2em
        font-weight: bold

      .gate-name
        font-size: 0.9em

    #small-map
      display: block
      margin: 0 auto
      cursor: pointer

  .status-icon
    vertical-align: middle

  .status-alive
    color: #51A351

  .status-dead
    color: #C13B35

  .status-warning
    color: #FF9714


  #big-map
    border: 0
    width: 100%
    height: 600px


