@import "../../../themes/ionic.globals";

// Popover
// --------------------------------------------------

.ion-popover {
  position: fixed;
  z-index: $z-index-overlay + $z-index-overlay-modal;
  display: flex;
  align-items: center;
  justify-content: center;
  
  @include position(0, 0, 0, 0);
}

.popover-wrapper {
  z-index: $z-index-overlay-wrapper;
  
  //opacity: 0;
}

.popover-content {
  position: absolute;
  z-index: $z-index-overlay-wrapper;
  display: flex;
  overflow: auto;
  flex-direction: column;
}

.popover-content .ion-content,
.popover-content .scroll-content {
  contain: none;
}

.popover-content .scroll-content {
  position: relative;
}