html {
  font-size: 16px;
}
body {
  font-family: sans-serif;
  font-size: 1em;
}
.container {
  margin: 0 auto;
  max-width: 1200px;
}
h1 {
  font-size: 1.5em;
  margin: 4px;
}
h2, h3 {
  margin: 1px;
}
table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: separate;
}
td,
th {
  font-size: 1em;
  vertical-align: top;
  padding: 6px;
}
td {
  border-bottom: 1px solid #fff;
}
.labelInput {
  font-size: 1em;
  margin: 1em 0 0 0;
  padding: .5em;
  width: calc(100% - 25px)
}
.label {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  min-width: 135px;
}
.color1 {
  background-color: #ddd;
}
.color2 {
  background-color: #9c0;
}
.color3 {
  background-color: #34c6f4;
}
.color4 {
  background-color: #c0c0c0;
}
.color5 {
  background-color: #f90;
}
.color6 {
  background-color: #ffcc00;
}
.color7 {
  background-color: #ba78e7;
}

.dpr {
  list-style: none;
  padding: 0;
}
.dpr li {
  background-color: #666;
  border-radius: 3px;
  color: #fff;
  display: inline;
  font-size: 0.9em;
  padding: 4px 8px;
  margin-right: 4px;
}
.other-data {
  background-color: #000;
  color: #fff;
  padding: 8px;
  min-height: 1.25em;
}

button.send {
  font-size: 0.9em;
  margin-bottom: 0.9em;
}

form {
  margin-bottom: 1em;
}

#formSubmit {
  font-size: 1em;
  padding: 0.5em;
}

@media (min-width: 600px) {
  #formSubmit {
    display: inline-block;
    width: 30%;
  }
  #helperLabel {
    display: inline-block;
    width: 65%;
  }
}

form #specs {
  display: none;
}

form #subject {
  display: none;
}

.hide {
  visibility: hidden;
}

.remove {
  display: none;
}

.pleaseWaitHolder {
  display: inline-block;
  margin-left: 0.25em;
}

/* Spinner */
.spinner {
  display: inline-block;
  width: 40px;
  height: 30px;
  font-size: 8px;
  position: relative;
  top: 1.25em;
  left: 0.3em;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 4px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 20px;
  }
  .label {
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    min-width: 260px;
  }
}