.panel {
  display:flex;
  flex-direction: column;
  background-color:$pw;
  border: 1px solid $gray6;
  border-radius: 3pt;
  box-shadow: 0 2px 4px rgba(0,0,0,0.13);
  flex-grow: 1;
  &-content {
    padding: 20px;
    &-step {
      padding-bottom: 15px;
    }
  }
  &-is-dirty {
    background-color: $alertOrangeBg;
    border: 1px solid $alertOrange;
  }
  &-header {
    width: 100%;
    background-color: $gray8;
    border-bottom: 1px solid $gray6;
    border-top-left-radius: 3pt;
    border-top-right-radius: 3pt;
    padding: 10px 20px;
    display: flex;
    flex-direction: row;
    align-self: center;
    justify-content: space-between;
    &-actions {
      margin-left: auto;
      * {
        margin-left: 10px;
      }
    }
    &-title {
      padding-right: 10px;
      display: inline-flex;
      &-label {
        align-self: center;
        padding-right: 6px;
        font-size: .83em;
        font-weight: bold;
      }
    }
  }
  .rich-radio {
    background-color: $pw;
  }
  &-tabs {
    padding: 10px 0 0 0;
    &-content {
      padding: 20px;
    }
  }
  &-is-alone {
    &:not(:first-child) {
      margin-top: 30px;
    }
  }
  &-discard{
    display: flex;
    align-items: center;
    &-modified {
      color: white;
      font-style: italic;
      font-size: 0.8em;
      margin-right: auto;
    }
    &-controls {
      margin-left: auto;
    }
    width: 100%;
    background-color: $alertOrange;
    border-bottom-left-radius: 3pt;
    border-bottom-right-radius: 3pt;
    padding: 5px 12px;
  } 
}