.prio1 {
 color: #000000;
}
.prio2 {
 color: #666666;
}
.inactive {
 color: #c4c4c4;
}
.prio3 {
 color: #dedede;
}
.lightOnDark {
 color: #ffffff;
}
.whiteBackground {
 background-color: #ffffff;
}
.lightBackground {
 background-color: #f6f6f6;
}
.promo {
 color: #e4c889;
}
.alert {
 color: #d6a700;
}
.success {
 color: #378d15;
}
.error {
 color: #e20000;
}

* {
 font-size: 1em;
 font-family: 'Open Sans', sans-serif;
 box-sizing: border-box;
}
h1 {
 font-size: 3em;
 font-family: 'Montserrat', sans-serif;
}
h2 {
 font-size: 2em;
 font-family: 'Montserrat', sans-serif;
}
h3 {
 font-size: 1.5em;
 font-family: 'Montserrat', sans-serif;
}
h4 {
 font-size: 1.25em;
 font-family: 'Montserrat', sans-serif;
}
h5 {
 font-size: 1em;
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
 text-transform: uppercase;
}

p.bold {
 font-weight: 600;
}
p.lh {
 line-height: 1.4;
}
p.link {
 text-decoration: underline;
}
p.small {
 font-size: 0.875em;
 line-height: 0.9;
}
p.hints {
 font-size: 0.75em;
 line-height: 0.9;
}
p.error {
 margin-top: 10px;
 margin-bottom: 15px;
}

form div {
 margin-bottom: 15px;
}
form label {
 display: block;
 margin-bottom: 10px;
}

form input {
 border-radius: 5px;
 padding: 5px 10px;
 min-width: 300px;
 border: 1px solid #dedede;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
}
form input.error,
form .select.error {
 border-color: #e20000;
}
form input:read-only {
 color: rgba(0,0,0,.247);
}

.select {
 -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 padding: 5px 10px;
 border: 1px solid #dedede;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
 background-color: #ffffff;
 background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + -1px),
    calc(100% - 15px) calc(1em + -1px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1em;
  background-repeat: no-repeat;
}
.select.select--block {
 display: block;
 width: auto;
 min-width: 300px;
 background-position:
    calc(100% - 20px) calc(1em + -1px),
    calc(100% - 15px) calc(1em + -1px),
    calc(100% - 2.5em) 0.5em;
}
.select.select--inline {
 display: inline-block;
 padding: 5px 55px 5px 10px;
}
.select::-ms-expand {
 display: none;
}
form input:focus,
.select:focus {
 border-color: #dedede;
 box-shadow: none;
 outline: none;
}
.select option {
 font-weight: normal;
}

form button {
 display: inline-block;
 border-radius: 5px;
 padding: 5px 10px;
 border: 1px solid #dedede;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
}