/*-------------------------- */
/*- Overlay                - */
/*-------------------------- */

.overlay-container {
  position: relative;
  height: 100%;
  overflow: auto;
  .card-slot.overlay_rule-view {
    border-left: 5px solid $primary;
    .d0-card-body {
      padding: 0 1em;
    }
  }

  .d0-card-overlay
  > .d0-card-frame
  > .d0-card-content {
    overflow-y: scroll;
    padding: 1rem 1.5rem; // px-4
  }
}


.d0-card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;

  > .d0-card-frame {
    height: 100%;
    width: 100%;

    > .d0-card-header {
      border-bottom: 1px solid $border-color;
      padding: 0.25rem 0.25rem 0.25rem 1.25rem;
      .title {
        font-weight: bold;
        text-transform: capitalize;
      }
      .card-title {
        margin-bottom: 0;
      }
    }
  }
}

.overlay-menu {
  display: inline-flex;
  vertical-align: middle;
}

// FIXME: this directly overrides above rule.

.d0-card-overlay > .d0-card-frame > .d0-card-header {
  padding-left: -15px!important;
  padding-right: -15px!important;
}
