.spinner { display: inline-block }

/* Useful classes */
.dark   { color:#555555; }
.highlight { background-color:#FFFFCC; padding:3px 0 }
.smooth { color:var(--color-grey-light); }
.medium { color:#777777; }
.highlight { background-color:#FFFFCC }
.rounded_2 { -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
.rounded_4 { -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; }
.hint { color:var(--color-grey-light); font-style:italic; font-size:13px; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; }
.explanation { background-color:#fff5e7; padding:12px; border:solid 1px #faf2e0; color:#777777; font-size:13px;
               font-style:italic; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; line-height:1.5em;}
.clean-explanation { color:#777777; font-size:13px; font-style:italic;
               font-family:Cambria, Georgia, Times, 'Times New Roman', serif; line-height:1.5em; }

input[type=text].has-hint { color:#999999; text-align:center; font-style:italic;
                            font-family:Cambria, Georgia, Times, 'Times New Roman', serif }
.small-gradient { background:url("/assets/app_background-da9f2606.png") repeat-x; width:100%; height:183px; position:absolute; top:0; left:0; z-index:-1000;}
.badge { border-radius:10px; background-color:#f5f5f5; padding:3px 7px; display:inline-block; min-width:10px; font-size:12px; text-align:center; line-height:1; }
.hidden { display:none }
.nowrap { white-space: nowrap }
.float-right { float: right }

.text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.split-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  > * {
    /*flex: 1;*/
    flex: 1 1 300px;
    margin-right: 10px;
  }
  > *:last-child {
    margin-right: 0;
  }
}

.centralizer {
  max-width: 1000px;
  margin: 0 auto;
}

.vertical-align-top {
  vertical-align: top;
}