.crud__model__group {
  margin-bottom: 30px;
}

.content-wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  min-height: calc(100% + 76px);

  .crud__detail__widget {
    padding: 0 20px;
  }
}

.crud__model__actions {
  display: flex;
  justify-content: flex-end;
  padding: 20px 20px 0;
  border-top: 1px solid lightgray;

  .crud__model__title {
    margin-bottom: 0;

    font-size: 18px;
    font-weight: 500;

    background-color: inherit;
    border-bottom: none;
  }

  .custom-btn {
    justify-self: flex-start;

    color: #005df4;

    background-color: transparent;
    border: 1px solid #005df4;
    border-radius: 5px;
  }

  button {
    margin-left: 10px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--accent-color-bg);
  }
}

:host ::ng-deep .crud__main {
  min-height: auto !important;
}

.crud__baseform__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;

  .crud__model__title {
    margin-bottom: 0;
    padding: 15px 20px;

    font-size: 18px;
    font-weight: 500;

    background-color: inherit;
    border-bottom: none;
  }

  .cmf-dialog__footer {
    background-color: inherit;
  }

  .cmf-crud-detail-widget {
    scrollbar-gutter: stable both-edges;

    ::ng-deep .crud__model__body {
      margin: 0 20px;
    }

    ::ng-deep .crud__group__select {
      position: sticky;
      z-index: 1;
      top: 0;
      background-color: var(--color-gray-fff);
    }
  }
}