.panel {
  width:100%;
  padding:15px;
  background: $panelBackground;
  border-radius:$globalRadius;

  &.alert {
    background: lighten($alertColor, 40%);
    @include create-color-section($alertColor);
  }

  &.success {
    background: lighten($successColor, 50%);
    @include create-color-section($successColor);
  }

  &.danger {
    background:lighten($dangerColor, 45%);
    @include create-color-section($dangerColor);
  }

  &.inline-panel {
    display: inline-block;
    width:auto;
  }

  ul, ol {
    margin:0;
  }
}

.toggle-content + .panel {
  margin-top:1.5rem;
}