#progress-bar {
  background: rgba(255, 255, 255, .5);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, .75);
  border: transparent;
  box-shadow: inset rgba(0, 0, 0, .25) 0 1px 3px;
  font-size: .75rem;
  font-size: 12px;
  margin: 0 0 20px;
  position: relative;
  width: 100%;

  #progress {
    color: #fff;
    text-align: center;
    margin: 0;
    background: rgba(234, 179, 0, .8);
    border-radius: 12px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset rgba(0, 0, 0, .25) 0 2px 3px;
    box-shadow: inset rgba(0, 0, 0, .05) 2px 2px 3px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
  }
}

.public-assessment-footer {
  background-color: #fff;
  color: var(--metatext-color);
  font-size: 0.875rem;
  padding: 1rem;
  text-align: center;
}

p.competence-description {
  color: #A9A9A9;
}

.form-controls-top {
  display: none!important;
}

table.key-behaviour {
  border-collapse: collapse;
  width: 100%;
  padding: 0 0 20px;

  th, td {
    padding: 0 0 20px;
    vertical-align: top;
  }

  td { text-align: center; }

  tr {
    display: table;
    width: 100%;
  }

  td.score-question {
    display: table-caption;
    text-align: left;
    padding-top: 20px;
  }

  td.rating,
  td.skip {
    width: 16.6667%;

    input[type="radio"] { display: none; }

    label {
      background: #fff;
      border-radius: 50%;
      border: 2px solid #e9e9e9;
      color: #000;
      cursor: pointer;
      display: inline-block;
      font-size: 1.25rem;
      margin: 0;
      text-align: center;
      transition: all .08s ease-in;
      user-select: none;
      vertical-align: top;
      width: 40px; height: 40px;
    }

    label.not-applicable {
      border-radius: 20%;
      font-size: 1em;
      line-height: 36px;
      overflow: hidden;
      padding: 0 .5em;
      width: auto;
    }
  }

  td :is(input[type="radio"]:checked + label, input[type="checkbox"]:checked + label) {
    background: #eab300;
    color: #fff;
    font-weight: 700;
  }
}

.form-controls-bottom {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;

  input[type="submit"] {
    margin-left: auto;
  }
}

p.not-finished {
  background-color: rgb(235, 99, 99);
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 600;
  margin: 0;
  padding: 1rem;
}