page {
  height: 100%;
  background-color: #f0f0f0;
}
.flex-wrap{
  display: flex;
  flex-direction: row;
}
.form-wrap {
  margin: 12px 0;
}
.tappable{
  color: #0080f0;
  padding: 0 12px;
}

.tappable:hover {
  opacity: .6;
}
.container {
  padding: 4px 12px;
}
.hint,
.error
.warning {
  display: block;
  margin: 7px 0;
  color: #888;
  font-size: 12px;
}
.error{color:red;}
.warning{color: orange;}
.color-main{color:#00b0f0}
.color-dark-main{color:#0080f0}
button.button-main{background:#00b0f0}
.border-main{border-color:#00b0f0}
.flex-col,.flex-row{display: flex}
.flex-col{flex-direction: column}

.single-line{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.round{
  border-radius: 50%;
  overflow: hidden;
}