.enrollment {
  width: 100%;
  display: block;
  color: #585858;
  margin-top: 10px;
}

.enrollment .confirmation ul {
  margin-left: 10px;
}

.enrollment .confirmation ul li {
  margin-bottom: 4px;
}

.enrollment .confirmation .salutation {
  font-weight: bold;
  font-size: inherit;
  margin-bottom: 4px;
}

.enrollment .confirmation .greetings {
  margin-top: 10px;
}

.enrollment .confirmation .content {
  font-size: inherit;
  margin-bottom: 4px;
}

.enrollment .confirmation .content .label {
  display: inline-block;
  margin-right: 10px;
  font-size: inherit;
  width: 100px;
}

.enrollment .confirmation .content .detail {
  display: inline-block;
  font-size: inherit;
}

.enrollment__label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 4px;
}

.enrollment__fieldcontainer {
  margin-bottom: 10px;
}

.enrollment__fieldcontainer .tx-ptextlist-filter {
  display: block;
  float: none;
  width: 100%;
}

.enrollment__fieldcontainer .tx-ptextlist-dropdownlist {
  display: block;
  min-width: 558px !important;
}

.tx-ptextlist-dropdownlist {
  min-width: 550px !important;
}

.enrollment__field {
  display: block;
  width: 100%;
  border: 1px solid #888;
  padding: .2em;
  box-sizing: border-box;
}

.tx-ptextlist-filterboxcontrols .type-button input.enrollment__submit {
  width: auto !important;
  padding: 2px 6px 3px;
  margin: 10px 0 0;
}

.tx-ptextlist-filterboxcontrols .type-button input.enrollment__submit:hover, .tx-ptextlist-filterboxcontrols .type-button input.enrollment__submit:focus, .tx-ptextlist-filterboxcontrols .type-button input.enrollment__submit:active {
  width: auto !important;
  padding: 2px 6px 3px;
}

.enrollment__day {
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: bold;
}

.typo3-message {
  color: #000000;
  margin-bottom: 10px;
  padding: 10px;
}

.message-ok {
  border-left: 5px solid #6aa563;
  background-color: #ccf3c4;
}

.message-error {
  border-left: 5px solid #a0473c;
  background-color: #f3b3ac;
}

.in2code-message .message-header {
  font-size: 16px;
  font-weight: bold;
}

.f3-form-error {
  border: 0 none;
  padding: 3px;
  border-left: 5px solid #a0473c;
  background-color: #f3b3ac;
  margin-bottom: 4px;
}

.enrollment .typo3-messages {
  padding-left: 0;
}

.enrollment .typo3-messages li {
  list-style-type: none;
  display: flex;
  margin-bottom: 16px;
}

.enrollment .typo3-messages li p {
  margin-bottom: 0;
}

.enrollment .alert-danger {
  color: #d72305;
}

.enrollment .alert-danger::before {
  content: url('/typo3conf/ext/hska_online_registration/Resources/Public/Icons/Close.svg');
  margin-right: 16px;
  font-weight: bold;
}