/* your styles go here */

@font-face {
  font-family: OpenSans;
  src: url(OpenSans.ttf);
  font-weight: normal;
}

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-Bold.ttf);
  font-weight: 600;
}

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-ExtraBold.ttf);
  font-weight: 900;
}

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-Semibold.ttf);
  font-weight: 500;
}

@font-face {
  font-family: OpenSans;
  src: url(OpenSans-SemiboldItalic.ttf);
  font-weight: 400;
  font-style: italic;
}


nav.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.labels {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    span {
        color: #666;
    }
}

.progress .progress-bar {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

@media print {
    .no-print {
        display:none;
    }
}

a:hover {
    cursor: pointer;
}

.fieldStyle {
    margin-left: 50px;
}
.inlineField {
    display: inline-block;
}

.hidden {
    display: none;
}

.no-padding {
    padding: 0px;
}

.row {
    margin: 0px;
}

suggestion:hover {
    background-color: lightblue;
}




.super-fancy-version select {
  /* styling */
  background-color: white;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.4em 1em 0.4em 3.5em;

  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #30a948, #30a948);
  background-position:
    calc(13px) calc(1em),
    calc(20px) calc(1em),
    0% 0;
  background-size:
    8px 10px,
    8px 10px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}