div.question {
  margin-bottom: 5px;
}
div.question ul {
  padding-left: 5px;
}
div.question li {
  list-style-type: none;
  cursor: pointer;
  background: #e5053a;
  border-radius: 4px;
  vertical-align: middle;
  line-height: 40px;
  padding-left: 20px;
  color: #fff;
  margin-bottom: 5px;
}
.question h3 {
  color: #333;
  padding-top: 14px;
  margin-bottom: 4px;
  font-size: 16px;
}
div.question li.selected {
  font-weight: bold;
  background: #9e0428;
}
input[type='text'] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

input[type='text']:focus {
  border: 2px solid var(--ion-color-primary);
}
ion-item .item-native {
  padding-left: 0px !important;
}
ion-button.suggetion-btn {
  margin-left: 0px !important;
}

/* ion-alert {
      .alert-wrapper {
        --min-width: 320px;
        border: 1px solid #e5053a !important;
      }
      .alert-button {
        background-color: var(--ion-color-primary);
        color: #fff;
      }
      .alert-button-group button {
        background-color: var(--ion-color-primary) !important;
        color: #fff !important;
      }
      .alert-button-group {
        justify-content: space-between !important;
        padding: 10px 12px 10px 24px !important;
      }
      .alert-radio-icon {
        display: none !important;
      }
      .alert-head {
        display: none;
      }
      .alert-radio-label {
        padding: 13px 26px 13px 34px !important;
      }
      .alert-radio-group {
        padding: 20px 0px !important;
        border-bottom: none !important;
      }
      .alert-radio-button {
        &[aria-checked="true"] {
          border-top: 1px solid #e5053a !important;
          border-bottom: 1px solid #e5053a !important;
          .alert-radio-label {
            color: #e5053a !important;
          }
        }
      }
      ion-backdrop {
        opacity: 0.1 !important;
      }
    }
    ion-item {
      ion-label {
        color: var(--ion-color-primary) !important;
        ion-icon {
          transform: rotate(-90deg) !important;
        }
      }
    }
     */
.graph-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-direction: column;
}
.graph-container .question-title {
  width: 100%;
}
.graph-container div.question {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-basis: 100px;
}
.graph-container div.question p {
  text-align: center;
}
.answer-column {
  background-color: rgba(var(--ion-color-sparkle-rgb), var(--bg-alpha, 0.06));
  flex: 0 0 auto;
  text-align: center;
  color: #c0873c;
  flex-basis: 100px;
  margin-bottom: 14px;
}
.toggle-mode {
  color: #888;
}

.cloud {
  display: inline;
  list-style-type: none;
  width: 400px;
}
.cloud > div {
  list-style: none;
  display: inline;
  padding: 20px;
}
.cloud > div:nth-of-type(3n + 1) {
  font-size: 1.25em;
}
.cloud > div:nth-of-type(4n + 3) {
  font-size: 1.5em;
}
.cloud > div:nth-of-type(5n - 3) {
  font-size: 1em;
}

.bar-graph-column {
  display: flex;
  align-items: flex-end;
}
.bar-graph-questions {
  display: flex;
  align-items: flex-start;
}
