.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml40 {
  margin-left: 40px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr40 {
  margin-right: 40px;
}
.font-normal {
  font-weight: normal;
}
.font-bold {
  font-weight: bold;
}
.label.label-block {
  display: block;
  width: 100%;
}
.emailing .dashboard-item-body {
  min-height: 200px;
}
.frontend .pagination li > a,
.frontend .pagination li > span {
  color: #1f3471;
}
.frontend .pagination li.active > a,
.frontend .pagination li.active > span {
  background-color: #1f3471;
  border-color: #1f3471;
  color: #fff;
}
.frontend .survey-list .survey-list-item .survey-home-miniature {
  width: 100%;
  height: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 16px;
}
.frontend .survey-list .survey-list-item .title {
  font-weight: bold;
  color: #2e7d32;
}
.frontend .survey-list .survey-list-item .title a {
  color: #2e7d32;
  text-decoration: none;
}
.frontend .survey-list .survey-list-item .title a:hover {
  color: #225225;
}
.frontend .survey-list .survey-list-item .complete-button {
  border-color: #2e7d32;
  color: #225225;
  transition-duration: 0.2s;
}
.frontend .survey-list .survey-list-item .complete-button:hover {
  background-color: #2e7d32;
  color: white;
}
.frontend .facebook {
  margin-top: 15px;
}
.frontend .bottom-menu {
  margin-top: 15px;
}
.frontend .bottom-menu a {
  margin: 5px 10px;
}
.frontend .bottom-menu .btn {
  border-color: #2e7d32;
  color: #225225;
  transition-duration: 0.2s;
}
.frontend .bottom-menu .btn:hover {
  background-color: #2e7d32;
  color: white;
}
.frontend .top-menu a {
  margin: 5px 10px;
}
.frontend .top-menu .btn {
  font-size: 14px;
  background-color: white;
  padding: 5px 10px;
  border-color: #2e7d32;
  color: #225225;
  transition-duration: 0.2s;
}
.frontend .top-menu .btn:hover {
  background-color: #2e7d32;
  color: white;
}
.frontend .author {
  text-align: center;
  color: #aaa;
  font-size: 75%;
}
.frontend .author a {
  padding: 0;
  color: #999;
}
.respondent-complete-survey {
  margin: 15px 0 20px;
}
.respondent-complete-survey .question,
.respondent-complete-survey .survey-description {
  background: #fff;
  border: 1px solid #aaaaaa;
  padding: 15px 20px;
  margin: 20px 0;
}
.respondent-complete-survey .survey-button {
  font-weight: bold;
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
@media (max-width: 767px) {
  .respondent-complete-survey .survey-button {
    width: 100%;
  }
}
.respondent-complete-survey .survey-button:hover {
  background-color: #449d44;
  border-color: #398439;
}
.respondent-complete-survey .survey-description p {
  margin: 14px 0;
}
.respondent-complete-survey .g-recaptcha {
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
.respondent-complete-survey .panel-body {
  padding: 45px;
}
.respondent-complete-survey .help-block {
  margin-top: 0;
  margin-bottom: 5px;
}
.respondent-complete-survey .form-group label,
.respondent-complete-survey .form-group .field-inline > label {
  margin-top: 8px;
  font-size: 16px;
}
.respondent-complete-survey .footer {
  text-align: center;
}
.respondent-complete-survey .footer .text {
  margin-bottom: 10px;
}
.respondent-complete-survey a.required {
  cursor: default;
  text-decoration: none;
}
.respondent-complete-survey a.required:after {
  content: ' *';
  color: #e32;
}
.respondent-complete-survey a.optional {
  cursor: default;
  text-decoration: none;
  font-weight: normal;
  color: #aaaaaa;
}
.respondent-complete-survey .checkbox,
.respondent-complete-survey .radio {
  margin-top: 15px;
  margin-bottom: 15px;
}
.respondent-complete-survey .question .field-inline .radio {
  position: relative;
  top: 0;
  margin-top: 0;
}
.respondent-complete-survey .question .field-inline .radio input {
  float: left;
}
.respondent-complete-survey .question .field-inline .radio .answer-with-image .answer-text {
  display: block;
}
.respondent-complete-survey .question .field-inline .radio .answer-with-image .image {
  margin: 4px 16px 16px 0;
  width: 240px;
}
.respondent-complete-survey .question .choose-question {
  display: inline-block;
}
.respondent-complete-survey .question .choose-question input:not(.open-answer) {
  float: left;
}
.respondent-complete-survey .question .open-answer-wrapper .open-answer {
  display: block;
  width: 100%;
  margin-left: 5px;
}
.respondent-complete-survey .question .answer-with-image .image {
  margin: 4px 16px 16px 0;
  width: 240px;
}
.respondent-complete-survey .question .question-block {
  margin-top: 16px;
  margin-bottom: 32px;
}
.respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell .question-text label {
  margin-top: 10px;
}
.respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell .question-text .help-block {
  display: none;
}
.respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell .answer-text-in-cell {
  display: none;
}
@media (max-width: 767px) {
  .respondent-complete-survey .question .question-block .div-table {
    border-bottom-width: 0;
  }
  .respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row {
    display: inline-block;
    padding-bottom: 15px;
  }
  .respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell {
    text-align: left;
    display: block;
    border-top-width: 0;
    padding: 0;
  }
  .respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell.error-cell {
    display: none;
  }
  .respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell .question-text label {
    font-weight: bold;
  }
  .respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell .question-text .help-block {
    display: block;
  }
  .respondent-complete-survey .question .question-block .div-table .div-table-row-group .div-table-row .div-table-cell .answer-text-in-cell {
    display: inline-block;
    position: relative;
    text-align: left;
    top: -5px;
    padding-left: 0;
  }
  .respondent-complete-survey .question .question-block .div-table .div-table-row-group .heading {
    display: none;
  }
}
.respondent-complete-survey .question .has-error .control-label,
.respondent-complete-survey .question .has-success .control-label,
.respondent-complete-survey .question .has-error label,
.respondent-complete-survey .question .has-success label {
  color: #333 !important;
}
.respondent-complete-survey .question .has-error .form-control,
.respondent-complete-survey .question .has-success .form-control {
  border-color: #ccc;
}
.respondent-complete-survey .question .footer {
  border: 0;
}
.respondent-complete-survey .question .navbar-pytia {
  border-bottom: 0;
}
.respondent-complete-survey .question button[type="submit"],
.respondent-complete-survey .question #close-survey-button {
  font-weight: bold;
}
.respondent-complete-survey label {
  display: inline-flex;
  align-items: center;
}
.respondent-complete-survey label input[type="radio"],
.respondent-complete-survey label input[type="checkbox"] {
  margin-top: 0;
}
.text-box {
  margin-bottom: 20px;
  background-color: #fff;
  padding: 15px;
  overflow: hidden;
  border: 1px solid #b0b0b0;
}
.text-box label {
  font-weight: normal;
  color: black;
}
.text-box .title {
  font-weight: bold;
  margin-bottom: 15px;
  color: #1f3471;
  font-size: 14px;
}
.text-box.edit label {
  font-weight: bold;
}
.text-box.edit .title {
  font-weight: normal;
}
.text-box.disabled {
  border-color: #aaa;
}
.text-box.disabled .title {
  color: #aaaaaa;
}
.text-box.disabled .btn {
  color: #aaa;
}
.text-box.disabled .content {
  color: #aaaaaa;
}
/* align the logout "link" (button in form) of the navbar */
.flex-center-vertically {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 400px;
}
@media (max-width: 768px) {
  .visible-on-collapse {
    display: inline-block !important;
  }
  .hidden-on-collapse {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .visible-on-expanded {
    display: inline-block !important;
  }
  .hidden-on-expanded {
    display: none !important;
  }
}
.navbar .navbar-brand {
  display: inline-block;
  float: left;
  height: auto;
  min-height: 50px;
}
.navbar .navbar-brand.logo-wrapper {
  height: 54.0727819532px;
  width: 210px;
  position: relative;
}
.navbar .navbar-brand.logo-wrapper .logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  height: 70px;
  margin: 8px 2px;
}
.navbar.navbar-pytia {
  background-color: transparent;
  border-width: 0;
  border-bottom: 1px solid #b0b0b0;
  margin-bottom: 0;
  border-radius: 0;
  margin-top: 5px;
  padding: 10px 0;
}
.navbar.navbar-pytia li.active a,
.navbar.navbar-pytia li.active a:hover,
.navbar.navbar-pytia li.active a:focus {
  background: transparent !important;
}
.navbar.navbar-pytia .navbar-toggle {
  margin-top: 18px;
}
.navbar.navbar-pytia .navbar-right {
  margin-top: 10px;
}
.navbar.navbar-pytia.navbar-complete-survey .navbar-brand {
  padding-top: 24px;
  padding-left: 12px;
}
.navbar.navbar-pytia.navbar-complete-survey a {
  font-size: 120%;
}
.navbar .logo-header-text {
  height: 68px;
  display: inline-block;
  padding: 0 10px;
}
.navbar .logo-header-text .content {
  display: inline-block;
}
@media (min-width: 1000px) {
  .navbar .logo-header-text {
    display: table;
  }
  .navbar .logo-header-text .content {
    display: table-cell;
    vertical-align: middle;
  }
}
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right .sign-up-newsletter-button {
  padding: 5px 10px;
  border-color: #1f3471;
  color: #1f3471;
  transition-duration: 0.2s;
}
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right .sign-up-newsletter-button:hover {
  background-color: #1f3471;
  color: #fff;
}
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right .admin-panel-button {
  padding: 5px 10px;
  border-color: #17a2b8;
  color: #17a2b8;
  transition-duration: 0.2s;
}
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right .admin-panel-button:hover {
  background-color: #17a2b8;
  color: #fff;
}
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right li > form > button.logout {
  padding: 15px;
  border: none;
}
@media (max-width: 767px) {
  .navbar .navbar-collapse ul.nav.navbar-nav.navbar-right li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right li > form > button.logout:focus,
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right li > form > button.logout:hover {
  text-decoration: none;
}
.navbar .navbar-collapse ul.nav.navbar-nav.navbar-right li > form > button.logout:focus {
  outline: none;
}
.login-info {
  font-size: 90%;
}
.login-info .vertical-separator {
  display: inline-block;
  margin: 0 6px;
}
.login-info .vertical-separator:before {
  content: "|";
}
.login-info * {
  display: inline-block;
  font-size: 12.6px;
  color: #333333;
}
.login-info a,
.login-info button[type='submit'] {
  padding: 4px 0px;
}
.login-info a:visited,
.login-info button[type='submit']:visited {
  color: #333333;
}
.login-info form {
  display: inline-block;
}
html,
body {
  height: 100%;
}
hr {
  margin: 4px 0;
}
[v-cloak] {
  display: none;
}
.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -80px;
  padding: 0 0 80px;
}
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
.not-set {
  color: #c55;
  font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}
a.asc:after {
  content: "\e151";
}
a.desc:after {
  content: "\e152";
}
.sort-numerical a.asc:after {
  content: "\e153";
}
.sort-numerical a.desc:after {
  content: "\e154";
}
.sort-ordinal a.asc:after {
  content: "\e155";
}
.sort-ordinal a.desc:after {
  content: "\e156";
}
.grid-view td {
  white-space: nowrap;
}
.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}
.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}
.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}
.pytia-box {
  border: 1px solid #aaaaaa;
  padding: 15px 20px;
  margin: 20px 0;
}
.landing .main-section {
  margin: 0 0 20px 0;
}
.landing .second-section {
  margin: 10px 0;
}
.admin-body {
  padding-left: 160px;
  position: relative;
}
.admin-body .admin-content {
  margin-left: 20px;
}
.admin-body .admin-menu {
  position: absolute;
  left: 0;
  width: 160px;
}
.footer {
  min-height: 80px;
  overflow-y: hidden;
  background-color: #f5f5f5;
  border-top: 1px solid #aaa;
}
.footer.survey-respondent {
  background-color: transparent;
}
.content-page-menu-admin .item:nth-child(even) {
  background-color: #cccccc;
}
.content-page-menu-admin .item .buttons {
  border: 1px solid black;
  width: 180px;
  height: 40px;
  position: relative;
}
.content-page-menu-admin .item .buttons .button {
  position: absolute;
  width: 35px;
  height: 30px;
  margin: 5px;
}
.content-page-menu-admin .item .buttons .button .button-up {
  right: 0;
}
.content-page-menu-admin .item .buttons .button .button-down {
  right: 0;
}
.preview {
  border: 1px dashed #aaaaaa;
  background-color: #ffffee;
}
.alert {
  margin: 20px 0 0;
}
.full-width {
  display: block;
  width: 100%;
}
.survey-pages-list-element {
  position: relative;
}
.survey-pages-list-element .link {
  padding-right: 90px;
}
.survey-pages-list-element .buttons {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
}
.survey-pages-list-element .buttons .button {
  padding: 1px 5px;
  margin: 2px;
}
.survey-pages-list-element.active .buttons {
  display: block;
}
.field-inline {
  display: inline-block;
  margin-right: 16px;
}
.field-inline div > div {
  margin-right: 16px;
  display: inline-block;
}
.new-part-dropdown li a {
  cursor: pointer;
}
.survey-admin .survey-logo {
  margin: 15px;
  border: 1px solid #eee;
  border-radius: 10px;
}
.survey-admin .survey-thumbnail {
  margin: 15px;
  border: 1px solid #eee;
  border-radius: 10px;
}
.survey-admin .dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.survey-admin .survey-page ul li a {
  cursor: pointer;
}
.survey-admin .survey-page-part {
  margin-top: 15px;
  position: relative;
}
.survey-admin .survey-page-part ul li a {
  cursor: pointer;
}
.survey-admin .survey-page-part .buttons {
  position: absolute;
  top: 8px;
  right: 8px;
}
.survey-admin .survey-page-part .buttons .button {
  padding: 1px 5px;
  margin: 2px;
}
.survey-admin .survey-page-part .is-required-radiobutton label {
  font-weight: normal;
}
.survey-admin .survey-available-answers .survey-available-answer-item:first-child .answer-up-button {
  pointer-events: none;
  opacity: 0.5;
}
.survey-admin .survey-available-answers .survey-available-answer-item:last-child .answer-down-button {
  pointer-events: none;
  opacity: 0.5;
}
.survey-admin .survey-available-answers .buttons {
  position: absolute;
  top: 8px;
  right: 8px;
}
.survey-admin .survey-available-answers .buttons .button {
  padding: 1px 5px;
  margin: 2px;
}
.survey-admin .survey-available-answers .survey-available-answer-item-preview {
  position: relative;
}
.survey-admin .survey-available-answers .survey-available-answer-item-preview .icon {
  position: absolute;
  top: 6px;
  bottom: 6px;
}
.survey-admin .survey-available-answers .survey-available-answer-item-preview .icon input[type="radio"][disabled],
.survey-admin .survey-available-answers .survey-available-answer-item-preview .icon input[type="checkbox"][disabled] {
  cursor: default;
}
.survey-admin .survey-available-answers .survey-available-answer-item-preview .icon ~ div {
  margin-left: 15px;
}
.survey-admin .survey-available-answers .survey-available-answer-item-preview .answer-with-image .answer-text {
  margin-left: 16px;
}
.survey-admin .survey-available-answers .survey-available-answer-item-preview .answer-with-image .image {
  margin: 4px 16px 16px 16px;
  width: 240px;
}
.survey-admin .survey-available-answers .field-inline input {
  float: left;
}
.survey-admin .survey-available-answers .field-inline .answer-with-image .answer-text {
  display: block;
}
.survey-admin .survey-available-answers .field-inline .answer-with-image .image {
  margin: 4px 16px 16px 16px;
  width: 240px;
}
.survey-admin .survey-available-answers .survey-available-answer-item {
  position: relative;
}
.survey-admin .survey-available-answers .survey-available-answer-item .icon {
  margin-top: 6px;
}
.survey-admin .survey-available-answers .survey-available-answer-item .icon input[type="radio"][disabled],
.survey-admin .survey-available-answers .survey-available-answer-item .icon input[type="checkbox"][disabled] {
  cursor: default;
}
.survey-admin .survey-available-answers .survey-available-answer-item .input {
  margin-left: 20px;
}
.survey-admin .survey-available-answers .survey-available-answer-item .input input {
  padding-right: 90px;
}
.survey-admin .survey-available-answers .survey-available-answer-item .buttons {
  position: absolute;
  top: 5px;
}
.survey-admin .survey-available-answers .survey-available-answer-item .buttons .button {
  padding: 1px 5px;
  margin: 2px;
}
.survey-admin .subquestions .subquestion-item:first-child .subquestion-up-button {
  pointer-events: none;
  opacity: 0.5;
}
.survey-admin .subquestions .subquestion-item:last-child .subquestion-down-button {
  pointer-events: none;
  opacity: 0.5;
}
.survey-admin .subquestions .buttons {
  position: absolute;
  top: 8px;
  right: 8px;
}
.survey-admin .subquestions .buttons .button {
  padding: 1px 5px;
  margin: 2px;
}
.survey-admin .subquestions .subquestion-item-preview .icon {
  margin-top: 6px;
}
.survey-admin .subquestions .subquestion-item-preview .icon input[type="radio"][disabled],
.survey-admin .subquestions .subquestion-item-preview .icon input[type="checkbox"][disabled] {
  cursor: default;
}
.survey-admin .subquestions .subquestion-item {
  position: relative;
}
.survey-admin .subquestions .subquestion-item .icon {
  margin-top: 6px;
}
.survey-admin .subquestions .subquestion-item .icon input[type="radio"][disabled],
.survey-admin .subquestions .subquestion-item .icon input[type="checkbox"][disabled] {
  cursor: default;
}
.survey-admin .subquestions .subquestion-item .input input {
  padding-right: 90px;
}
.survey-admin .subquestions .subquestion-item .buttons {
  position: absolute;
  top: 5px;
}
.survey-admin .subquestions .subquestion-item .buttons .button {
  padding: 1px 5px;
  margin: 2px;
}
.survey-admin .question-block {
  margin-top: 8px;
}
.survey-admin .question-block .image {
  margin: 16px;
  width: 240px;
}
.survey-admin .question-block .div-table .div-table-row-group .div-table-row .div-table-cell label {
  margin-top: 15px;
}
.question-answers {
  position: relative;
}
.question-answers .question-answers-column {
  margin-right: 16px;
}
.respondent-surveys-list .respondent-surveys-list-item {
  padding: 5px;
}
.respondent-surveys-list .respondent-surveys-list-item .survey-name {
  color: #009999;
}
.email-account-layout select.no-account {
  border-color: #ed7e77;
  background-color: #ffe6e6;
  color: #444;
}
.email-account-layout select.no-account option {
  background-color: #fff;
}
.div-table {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.div-table .div-table-row-group {
  display: table-row-group;
}
.div-table .div-table-row-group .div-table-row {
  display: table-row;
}
.div-table .div-table-row-group .div-table-row .div-table-cell {
  display: table-cell;
  padding: 3px 10px;
}
.div-table .div-table-row-group .div-table-row .div-table-cell label {
  margin-top: 5px;
}
.div-table .div-table-row-group .div-table-row .div-table-cell:not(.error-cell) {
  border-top: 1px solid #ddd;
}
.div-table .div-table-row-group .div-table-row .div-table-cell.error-cell {
  padding: 0px 10px;
}
.div-table .div-table-row-group .div-table-row.heading {
  font-weight: bold;
}
.div-table .div-table-row-group .div-table-row.heading .div-table-cell {
  border-top: none;
}
.hidden-file-selector {
  display: none !important;
}
.panel-default {
  border-color: #b0b0b0;
}
body {
  background-color: #f5f5f5;
}
body.admin {
  background-color: #ffffff;
}
body.admin .logo {
  padding-top: 4px;
  position: static !important;
}
.facebook-editor label {
  font-weight: normal;
  font-size: 15px;
}
.facebook-editor .disabled {
  opacity: 0.5;
}
.panel,
.btn {
  border-radius: 0;
}
.form-control {
  border-radius: 0;
}
.btn-outline-primary {
  border-color: #1f3471;
  color: #1f3471;
  transition-duration: 0.2s;
  background-color: white;
}
.btn-outline-primary:hover {
  background-color: #1f3471;
  color: #fff;
}
.btn-outline-danger {
  border-color: #d9534f;
  color: #d43f3a;
  transition-duration: 0.2s;
}
.btn-outline-danger:hover {
  background-color: #d9534f;
  color: #fff;
}
.nav-tabs {
  border-color: #b0b0b0;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
  border-color: #b0b0b0;
  border-bottom-color: transparent;
}
.survey-option-buttons {
  display: flex;
  justify-content: left;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 15px;
}
.survey-option-buttons > .btn,
.survey-option-buttons > .btn-group {
  margin: 5px;
  flex: 0 1 15%;
}
.survey-option-buttons > .btn-group > .btn {
  width: 100%;
}
.remaining-chars-counter-wrapper .remaining-chars-counter {
  float: right;
  display: inline-block;
  font-size: 12px;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.grid-view td,
.kv-grid-table td {
  white-space: normal;
}