.#{$theme-name} {
  .esriOverviewMap  {
    position: absolute;
    z-index: 99;
    .ovwContainer { 
      position: absolute;
      display: none;
      background-color: $overviewmap-bg;
      padding: $overviewmap-padding;
      @include  calcite-box-shadow-base;
    }
    .map {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: $overviewmap-map-bg;
    }
    .ovwHighlight {
      position: absolute;
      display: none;
      z-index: 99;
      cursor: move;
    }
    .ovwButton {
      position: relative;
      @include button-variant($btn-default-color, $btn-default-bg);
      @include dijit-icons;
      background-color: $overviewmap-btn-bg;
      width: $overviewmap-icon-size + $overviewmap-btn-padding * 2;
      height: $overviewmap-icon-size + $overviewmap-btn-padding * 2;
      padding: $overviewmap-btn-padding;
      font-size: $overviewmap-icon-size;
      cursor: pointer;
      z-index: 99;
      @include  calcite-box-shadow-base;
      &.ovwHide {
        margin: $padding-base-vertical + $overviewmap-btn-padding;
      }
    }
    .ovwMaximizer {
      display: none;
      margin: $padding-base-vertical + $overviewmap-btn-padding;
    }
    .ovwDisabledButton {
      display: none !important;
    }
    .ovwMaximize {
      &:before {
        content: "\e60e";
      }
    }
    .ovwRestore {
      &:before {
        content: "\e60f";
      }
    }
    &.ovwTL {
      top: 0px;
      left: 0px;
    }
    &.ovwTR {
      top: 0px;
      right: 0px;
    }
    &.ovwBL {
      bottom: 0px;
      left: 0px;
    }
    &.ovwBR {
      bottom: 0px;
      right: 0px;
    }
    &.ovwTL,
    &.ovwTR {
      .ovwMaximizer  {
        margin-top: 0;
      }
    }
    &.ovwBL,
    &.ovwBR {
      .ovwMaximizer  {
        margin-bottom: 0;
      }
    }
    &.ovwTL .ovwContainer {
      top: 0px;
      left: 0px;
    }
    &.ovwTR .ovwContainer {
      top: 0px;
      right: 0px;
    }
    &.ovwBL .ovwContainer {
      bottom: 0px;
      left: 0px;
    }
    &.ovwBR .ovwContainer {
      bottom: 0px;
      right: 0px;
    }
    &.ovwTL .ovwShow, 
    &.ovwBR .ovwHide {
      &:before {
        content: "\e60b";
      }
    }
    &.ovwTR .ovwShow,
    &.ovwBL .ovwHide {
      &:before {
        content: "\e60a";
      }
    }
    &.ovwBL .ovwShow, 
    &.ovwTR .ovwHide {
      &:before {
        content: "\e60d";
      }
    }
    &.ovwBR .ovwShow,
    &.ovwTL .ovwHide {
      &:before {
        content: "\e60c";
      }
    }
    .bingLogo-lg {
      display: none;
    }
  }
}