@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400');
.contentmiddle,
.validation,
.validation ul {
  margin: 0 !important;
  padding: 0 !important;
}

.validation {
  height:0 !important;
  display: none !important;
}

html {
  background-color: #f2f2f2;
}
body {
  margin:15px auto !important;
  padding:0 !important;
  background-color: #fff !important;
  display: flex;
  width:720px;
  justify-content: space-between;
}

.custom-class {
  margin: 20px 0;
  max-width: 95%;
  font-family: 'Droid Serif', Helvetica Neue;
}

#content {
  min-width: 0 !important;
  max-width: 45% !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding-right: 0;
  box-sizing: border-box !important;
}

#content > .row-fluid:first-of-type {
  height: 0 !important;
}

#content .span12 img {
  width: 100%;
  max-width: 230px;
  min-width: 100px;
}

footer.container {
  min-width: 20% !important;
  max-width: 55% !important;
  flex-shrink: 1;
  margin: 0;
  padding: 10px;
}

footer.container img {
  max-height: 100%;
}

.drg-element-type-standard-field {
  display: flex;
  justify-content: space-between;
}

.drg-element-type-standard-field .questionlabel {
  max-width: 100px;
  min-width: 100px;
}

.drg-element-type-standard-field .questionlabel label {
  font-size: 12px !important;
}

.drg-element-type-standard-field input,
.drg-element-type-standard-field select {
  flex-shrink: 1;
  min-width: 0;
  max-width: 200px;
  font-size: 12px;
  margin: 0 !important;
  padding: 5px !important;
  height: 25px;
  border-radius: 5px;
  border:1px solid #eee;
}

input[type=submit] {
  background: #00A2B0 !important;
  background-image: -webkit-linear-gradient(top,#00A2B0,#00A2B0) !important;
  background-color: #00A2B0 !important;
  border-radius: 20px !important;
  margin-top: 5px;
  filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
}