@charset "UTF-8";

.suggestions-area__title,
.suggestions-claim__title,
.suggestions-comment__title,
.suggestions-email__title,
.suggestions-personal-data__title,
.suggestions-privacy-policy__title,
.suggestions-response__title,
.suggestions-topic__title {
  margin-bottom: 0;
  padding: .5rem 0;
  /*border-bottom: 3px solid #7bcf14;*/
  color: #000;
  text-align: center
}

.suggestions-area__content,
.suggestions-claim__content,
.suggestions-comment__content,
.suggestions-email__content,
.suggestions-notes__content,
.suggestions-personal-data__content,
.suggestions-privacy-policy__content,
.suggestions-response__content,
.suggestions-topic__content {
  padding: 1.5rem;
  box-sizing: border-box;
  background-color: #eee
}

.suggestions-container {
  width: 100%;
  margin: 0 auto
}

.suggestions-container .suggestions-section {
  margin-bottom: 1.5rem
}

.suggestions-container .suggestions-section--claim,
.suggestions-container .suggestions-section--privacy-policy {
  margin-top: 3rem
}

.suggestions-header__title {
  padding: .5rem 0;
  font-size: 1.75rem;
  font-weight: 600
}

@media (max-width:1023px) {
  .suggestions-header__title {
    padding: .5rem 0 0 4rem
  }
}

.suggestions-personal-data__content .form-item label {
  display: inline-block;
  padding-right: 1rem;
  width: 25%;
  /*font-weight: 600;*/
  text-align: right
}

.suggestions-personal-data__content .form-item input {
  display: inline-block;
  width: 40%
}

.suggestions-personal-data__content .form-item select {
  display: inline-block;
  width: 30%;
  padding: .1rem
}

@media (max-width:1023px) {

  .suggestions-personal-data__content .form-item input,
  .suggestions-personal-data__content .form-item label,
  .suggestions-personal-data__content .form-item select {
    display: block;
    width: 100%
  }

  .suggestions-personal-data__content .form-item label {
    text-align: left
  }
}

.suggestions-topic__content .suggestions-topic__others {
  display: none
}

.suggestions-topic__content .form-item {
  width: 60%;
  margin: 1rem auto
}

.suggestions-container .suggestions-topic .suggestions-topic__title {
  font-weight: 600;
}

.suggestions-topic__content .form-item label {
  display: inline-block;
  padding-right: 1rem;
  width: 25%;
  font-weight: 600;
  text-align: right
}

.suggestions-topic__content .form-item input {
  display: inline-block;
  width: 40%
}

.suggestions-topic__content .form-item select {
  display: inline-block;
  width: 40%;
  padding: .1rem
}

.suggestions-topic.hidden {
  display: none
}

@media (max-width:1023px) {

  .suggestions-topic__content .form-item,
  .suggestions-topic__content .form-item input,
  .suggestions-topic__content .form-item label,
  .suggestions-topic__content .form-item select {
    display: block;
    width: 100%
  }

  .suggestions-topic__content .form-item label {
    text-align: left
  }
}

.suggestions-area__content .form-type-radio {
  display: inline-block;
  padding: .25rem 2rem .25rem .25rem
}

.suggestions-area-messages {
  box-sizing: border-box;
  background-color: #fff
}

.suggestions-area-messages__message {
  display: none;
  padding: 1rem
}

.suggestions-area-messages p {
  margin-bottom: 1rem
}

.suggestions-area-messages ul {
  margin-bottom: 1rem;
  padding: 0 0 0 .5rem;
  list-style: none
}

.suggestions-area-messages ul ul {
  margin-bottom: 0;
  margin-left: .1rem
}

.suggestions-area-messages li::before {
  content: "▪";
  color: green;
  display: inline-block;
  width: .75rem
}

.suggestions-area-messages li ul li::before {
  content: "▸"
}

.suggestions-comment__content .form-textarea-wrapper {
  width: 80%;
  margin: 0 auto
}

@media (max-width:1023px) {
  .suggestions-comment__content .form-textarea-wrapper {
    width: 100%
  }
}

.suggestions-privacy-policy__text {
  margin: 0
}

.suggestions-privacy-policy__checks {
  padding: .5rem;
  text-align: center;
  background-color: #fff
}

.suggestions-privacy-policy__checks .fieldset-wrapper {
  display: inline-block;
  text-align: left
}

.suggestions-actions {
  margin: 1.5rem auto;
  text-align: left;
  box-sizing: border-box
}

.suggestions-actions__button,
.suggestions-actions__button.button {
  display: inline-block;
  margin: 0;
  padding: .35rem .75rem;
  background-color: #087021;
  color: #fff;
  border: 1px solid #087021;
  /*font-weight: 600;
  transition: background-color .4s*/
}


.suggestions-actions__button--restore {
  margin-left: 1rem;
}

.suggestions-actions__button.button:hover,
.suggestions-actions__button:hover {
  border: 1px solid #087021;
  background-color: #fff;
  color: #087021
}

.suggestions-actions__button--close,
.suggestions-actions__button.button--close {
  margin: 0;
  padding: 0 .2rem;
  position: absolute;
  top: .1rem;
  right: .1rem;
  background-color: #d93600;
  border-color: #d93600;
  font-size: .85rem
}

.suggestions-actions__button--close:hover,
.suggestions-actions__button.button--close:hover {
  background-color: #fff;
  color: #d93600;
  font-weight: 700
}

.suggestions-actions__button--close.js-success,
.suggestions-actions__button.button--close.js-success {
  background-color: #087021;
  border-color: #087021
}

.suggestions-actions__button--close.js-success:hover,
.suggestions-actions__button.button--close.js-success:hover {
  background-color: #fff;
  color: #087021
}

.suggestions-actions__message {
  display: none;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: #f2f2f2;
  text-align: left;
  border: 1px solid #a6a6a6
}

.suggestions-actions__text {
  margin-bottom: 0;
  padding-left: 1.75rem;
  font-size: 1.125rem
}

.suggestions-actions__list {
  padding: 0;
  list-style: none
}

.suggestions-actions__icon {
  position: absolute;
  left: .5rem;
  width: 1.75rem;
  height: 1.75rem;
  background-size: 1.75rem;
  background-repeat: no-repeat
}

.suggestions-actions__icon.suggestions-actions__icon--success {
  background-image: url(../img/suggestion_success.svg)
}

.suggestions-actions__icon.suggestions-actions__icon--error {
  background-image: url(../img/suggestion_error.svg)
}

@media (max-width:640px) {

  .suggestions-actions__button--restore,
  .suggestions-actions__button--send,
  .suggestions-actions__button--send.button {
    display: block;
    width: 100%;
    margin: 0 0 1rem 0
  }

  .suggestions-actions .ajax-progress {
    display: none
  }
}

.suggestions-claim__text {
  margin: 0
}

.suggestions-claim__link {
  font-weight: 600;
  background-image: url(../img/ext_link.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: .8rem;
  padding-right: 1.25rem
}

.suggestions-response__content .form-textarea-wrapper {
  width: 80%;
  margin: 0 auto
}

@media (max-width:1023px) {
  .suggestions-response__content .form-textarea-wrapper {
    width: 100%
  }
}

.suggestions-email__content .form-item label {
  display: inline-block;
  padding-right: 1rem;
  width: 25%;
  font-weight: 600;
  text-align: right
}

.suggestions-email__content .form-item label.form-required:after {
  background-image: url(../img/required_plus.svg);
  background-size: 12px 6px;
  width: 12px;
  height: 6px
}

.suggestions-email__content .form-item input {
  display: inline-block;
  width: 40%
}

.suggestions-email__content .form-item .description {
  display: inline-block;
  padding: .15rem
}

@media (max-width:1023px) {

  .suggestions-email__content .form-item input,
  .suggestions-email__content .form-item label {
    display: block;
    width: 100%
  }

  .suggestions-email__content .form-item label {
    text-align: left
  }
}

.suggestions-notes__content {
  padding: .5rem
}

.suggestions-notes__text {
  margin: .25rem 0
}

.suggestions-notes__text.note-required:before {
  content: "";
  vertical-align: super;
  display: inline-block;
  background-image: url(../img/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
  width: 6px;
  height: 6px;
  margin: 0 .3em
}

.suggestions-notes__text.note-required-plus:before {
  content: "";
  vertical-align: super;
  display: inline-block;
  background-image: url(../img/required_plus.svg);
  background-repeat: no-repeat;
  background-size: 12px 6px;
  width: 12px;
  height: 6px;
  margin: 0 .3em;
  font-weight: bold
}