/**
*  DC_OverlayPanel.css 
*/

#aos-OverlayPanel.base,
#aos-OverlayPanel.top {
    position: fixed;
    left: 0;    
    width: 100%;    
    z-index: 1102;    
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}
#aos-OverlayPanel.top {
  top: 0;
}
#aos-OverlayPanel.base {
  bottom: 0;
}

#aos-CloseOverlayPanel,
#aos-CloseModalOverlayPanel {
  position: absolute;
  cursor: pointer;
}
#aos-CloseOverlayPanel {
  right:5px;
  top: 5px;
  height: 24px;
  width: 24px;
}
#aos-CloseModalOverlayPanel {
  right:10px;
  top: 10px;
  height: 32px;
  width: 32px;
  color: white;
}

#aos-OverlayPanelContent {
  max-height: 50vh;
  margin: 0 auto;
}
#aos-OverlayPanelContent.aos-DF {
  flex-direction: row;
  align-items: unset;
}
@media (min-width:600px){
  #aos-OverlayPanelContent.aos-DF {
    gap: 15px;
  }

  #aos-OverlayPanelContent.aos-DF.left {
    flex-direction: row-reverse;
  }
}
@media (max-width:599px){  
  #aos-OverlayPanelContent.aos-DF.bottom {
    flex-direction: column;
  }
  #aos-OverlayPanelContent.aos-DF.top {
    flex-direction: column-reverse;
  }
}

#aos-OverlayPanel-Modal .aos-Modal-dialog {
  max-width: 80vw;
  max-height: 80vh;
  height: auto;
}
#aos-OverlayPanel-Modal .aos-Modal-content {
  padding-top:0 !important;
}
#aos-OverlayPanel-Modal #aos-OverlayPanelContent {
  max-height: 80vh;
}