/* line 21, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
html {
  height: 100%;
}

/* line 25, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 31, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.container {
  flex: 1 0 auto;
  width: 100%;
  padding: 0 1em;
}

/* line 37, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.footer {
  flex-shrink: 0;
}

/* line 41, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.align-top {
  vertical-align: top;
}

/* line 45, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
header {
  display: flex;
  background: #559;
  color: #fff;
  justify-content: space-between;
  padding: 0.5em;
  margin-bottom: 1em;
  border-radius: 0 0 0.5em 0.5em;
}
/* line 54, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
header h2 {
  margin: 0;
}
/* line 58, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
header nav {
  display: flex;
  list-style: none;
  text-align: right;
  margin: 0;
}
/* line 64, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
header nav a, header nav > span {
  display: inline-block;
  text-decoration: none;
  padding: 0.5em 1em;
  color: #fff;
  border-radius: 0.2em;
  margin-left: 1em;
}
/* line 73, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
header nav a {
  background: #313157;
}
/* line 76, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
header nav a:hover {
  background: #9292c2;
  color: #fff;
  text-decoration: none;
}

/* line 85, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
section#content {
  display: flex;
}
/* line 88, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
section#content nav#queues {
  flex: 15em 0 0.5;
}
/* line 91, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
section#content nav#queues a {
  display: block;
  background: #559;
  color: #fff;
  border-radius: 0.2em;
  margin: 0.5em;
  padding: 0.5em;
}
/* line 10, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
section#content nav#queues a.current {
  background: #313157;
}
/* line 14, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
section#content nav#queues a:hover, section#content nav#queues a:focus {
  background: #9292c2;
  color: #fff;
  text-decoration: none;
}
/* line 98, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
section#content main {
  flex: 1 0;
  padding: 0.5em;
  max-width: 85%;
}

/* line 105, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#sds-link {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
}

/* line 111, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
h3 {
  margin: 0 0 0.5em;
}

/* line 115, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.instructions {
  background: #BDB;
  padding: 1em;
  color: #262;
  border-radius: 0.5em;
}

/* line 122, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.mini-button {
  font-size: 0.8em;
  background: #559;
  color: #fff;
  border-radius: 0.2em;
  margin: 0.5em;
  padding: 0.5em;
}
/* line 10, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.mini-button.current {
  background: #313157;
}
/* line 14, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.mini-button:hover, .mini-button:focus {
  background: #9292c2;
  color: #fff;
  text-decoration: none;
}

/* line 129, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form section {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  padding: 1em 0 0 5%;
}
/* line 135, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form section.full {
  width: 100%;
}
/* line 140, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset {
  display: block;
  margin: 1em 0;
}
/* line 144, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset .label-container {
  display: inline-block;
  width: 30%;
  text-align: right;
  margin-right: 1em;
}
/* line 151, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset .field-container {
  width: 65%;
  display: inline-block;
}
/* line 155, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset .field-container input, #crowdsource-form fieldset .field-container textarea {
  width: 100%;
}
/* line 159, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset .field-container input[type=checkbox] {
  width: auto;
}
/* line 163, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset .field-container textarea {
  vertical-align: middle;
}
/* line 167, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset .field-container select {
  max-width: 100%;
}
/* line 171, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form fieldset .field-container .field_with_errors {
  width: 100%;
}
/* line 177, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .checkbox-field, #crowdsource-form .radio-buttons {
  display: inline-block;
  width: 50%;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 183, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .checkbox-field span, #crowdsource-form .radio-buttons span {
  display: block;
}
/* line 187, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .checkbox-field input, #crowdsource-form .radio-buttons input {
  margin-bottom: 0.5em;
  vertical-align: middle;
}
/* line 191, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .checkbox-field input[type=checkbox], #crowdsource-form .radio-buttons input[type=checkbox] {
  margin: 0;
}
/* line 196, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .checkbox-field .field-container, #crowdsource-form .radio-buttons .field-container {
  width: auto;
}
/* line 200, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .checkbox-field label, #crowdsource-form .radio-buttons label {
  width: auto;
  min-width: 8em;
  text-align: left;
  font-weight: normal;
}
/* line 208, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form section {
  /* when contained in a half-page-width section */
}
/* line 209, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form section .radio-buttons {
  width: 100%;
}
/* line 213, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form section .label-container + .radio-buttons {
  width: 65%;
}
/* line 218, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .radio-buttons {
  vertical-align: top;
}
/* line 222, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .ph-fields input,
#crowdsource-form .ph-fields .field_with_errors {
  width: 6em;
}
/* line 227, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .field_with_errors {
  display: inline-block;
}
/* line 230, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .field_with_errors input {
  background: #FCC;
  border: 1px solid #C00;
}
/* line 235, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .field_with_errors select {
  color: #C00;
}
/* line 240, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form :disabled {
  opacity: 0.4;
}
/* line 245, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form table .radio-button-column, #crowdsource-form table .checkbox-column {
  width: 5em;
}
/* line 249, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form table input {
  width: 100%;
}
/* line 254, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .actions {
  text-align: right;
}
/* line 257, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .actions input, #crowdsource-form .actions button {
  font-size: 1.2em;
  font-weight: bold;
  background: #559;
  color: #FFF;
  border-radius: 0.2em;
  padding: 0.5em 1em;
  border: 1px solid #1e1e37;
}
/* line 266, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .actions input.disabled, #crowdsource-form .actions button.disabled {
  background: #666;
  cursor: not-allowed;
}
/* line 271, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .actions input.danger, #crowdsource-form .actions button.danger {
  background: #A00;
}
/* line 277, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .has-hint {
  border-bottom: 1px dashed #666;
}
/* line 280, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
#crowdsource-form .has-hint::before {
  display: inline-block;
  font-size: 0.7em;
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.5em;
  background: #666;
  color: #FFF;
  border-radius: 0.75em;
  text-align: center;
  vertical-align: top;
  content: '?';
}

/* line 296, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.request-more-info {
  text-align: right;
}
/* line 299, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.request-more-info input[type=submit] {
  font-size: 1.2em;
  font-weight: bold;
  background: #559;
  color: #FFF;
  border-radius: 0.2em;
  padding: 0.5em 1em;
  border: 1px solid #1e1e37;
}
/* line 309, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.request-more-info input[disabled] {
  background: #666;
  cursor: not-allowed;
}

/* line 315, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
.pagination {
  margin: auto;
  display: block;
  text-align: center;
}

/* line 321, /ss-cloud/app/assets/stylesheets/crowdsource.scss */
footer {
  margin-top: 2em;
  padding: 1em;
  text-align: center;
  background: #448;
  color: #fff;
}
