body > form {
  padding-left: 20px;
  padding-right: 20px;
}


.survey-header {
  text-align: center;
}


.award {
  display:block;
  height: 40px;
}

.award-description {
  color: darkgrey;
  padding-top: 10px;
}

.award-symbol {
  float: right;
}

.award-symbol > i {
  font-size: +20px;
  color: darkgrey;
}

.award-symbol-ok > i{
  color: #337ab7;
}

.question-block {
  margin-top: 10px;
}

.question-block label {
  display: block;
}
.star {
  font-family: "fontello";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.star::before {
  content: "\e801";
  padding-right: 5px;
  color: #777;
}

.rating {
  font-size: 30px;
  float: left;
}
.rating:hover {
  cursor: pointer;
}






.comment {
  float: right;
  margin-top: 5px;
  margin-bottom: 8px;
}

.comment::before,
.comment::after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.comment::before {
  content: "\f27b";
  margin-right: 5px;
}

.comment-show::after {
  content: "\f107";
  color: darkgrey;
  margin-left: 5px;
}

.comment-hide::after {
  content: "\f106";
  color: darkgrey;
  margin-left: 5px;
}

.slider {
  display: block;
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */
	transition-property: all;
	transition-duration: .7s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.slider.closed {
	max-height: 0;
  padding-bottom: 0px;
  padding-top: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;
}

.events-table tr td:first-child{
  vertical-align:middle !important;
  color: lightgrey;
  text-align:center;
  font-size: 20px;
  padding: 8px;
}

.table.events-table tr td{
  line-height: 1.42857143;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  border-top: 0;
}

.event-meta {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #888;
  font-size: 12px;
}
.event-meta span::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 5px;
}

.event-meta span {
  margin-right: 15px;
}

.event-meta .dates::before {
  content: "\e805";
}

.event-meta .location::before {
  content: "\e804";
}

.event-meta .short-title::before {
  content: "\f08e";
}

.link-dashed {
  border-bottom: 1px dashed #337ab7;
  color: #337ab7;
}

.link-dashed:hover {
  cursor: pointer;
}

.evaluate-table {
  width: 100%;
}

.evaluate-table thead th {
    padding-bottom: 20px;
}

.evaluate-table thead th,
.evaluate-table tbody td {
  width: 15%;
  text-align: center;
}
.evaluate-table thead th:first-child,
.evaluate-table tbody td:first-child {
  width: 40%;
  text-align: left;
}

.evaluate-table .comment-row input {
  width: 90%;
  display: inline-block;
  border-top: none;
  border-left: none;
  border-right: none;
  padding-left: 5px;
  margin-left: 10px;
}
.evaluate-table .comment-row label {
  font-weight: normal;
  font-style: italic;
}
.evaluate-table .comment-row td {
  padding-bottom: 15px;
}