@import "../tools/tools.all";

.cdk-overlay-container {
  z-index: 1600 !important;
}

.cdk-overlay-connected-position-bounding-box {
  z-index: 1700 !important;
}

.qd-custom-panel > .cdk-dialog-container > * {
  display: flex;
  height: 100%;
  flex-direction: column;
}

@include for-screen-down(sm) {
  .qd-custom-panel {
    width: 100vw !important;
    height: 100vh !important;

    .wrapper-body {
      height: 0;

      .body {
        height: 100% !important;
        max-height: 100vh !important;
      }
    }
  }
}
