/*---- Headings ----*/

h1.checklist-heading {
  margin-top: 0px;
  margin-bottom: 0px;
}

.checklist-report-subheading {
  margin-left: 50px;
  margin-bottom: 0px;
  font-weight: bold;
}

.section-heading {
  color: rgb(40, 147, 225);
}

.section-heading {
  margin-top: 30px;
/*  cursor: pointer;
*/  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.section-heading i {
  margin-left: 0px;
  margin-right: 10px;
  cursor: pointer;
}

.section-heading i.section-arrow {
  margin-left: 10px;
}

h2.grower-name {
  margin-top: 0px;
}

@media print {
  h2.section-heading {
    /*page-break-before: always;*/
    page-break-after: avoid;
  }
  h2.section-heading[id='General'] {
    page-break-before: avoid;
  }
  h3 {
    page-break-after: avoid;
  }
  .main-section {
    /*page-break-before: avoid;*/
    /*page-break-inside: avoid;*/
  }
  .checklist-subsection-form {
    /*page-break-inside: avoid;*/
  }
}

/*---- Forms ----*/

.row.form-group {
  margin-bottom: 30px;
}

.form-group.questions {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgb(220, 220, 230); /*rgba(86,61,124,.15);*/
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}

.form-group.answered-question {
  border-right: 3px solid #4cda4c; /*rgb(40, 147, 225);*/ /*rgb(48, 149, 222);*/
}

.form-group.unanswered-question {
  border-right: 3px solid red; /*#ff8100;*/ 
}

.form-group.disabled-question {
  opacity: 0.5;
}

@media print {
  .form-group.disabled-question {
    display: none;
  }
}

.question-text {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.25;
  color: #444;
}

.checklist-edit-box {
  font-size: 130%;
  font-weight: normal;
  color: rgb(40, 147, 225);
}

textarea.checklist-edit-box {
  min-width: 100%;
  max-width: 100%;
  /*min-height: 2.5em;*/
  height: auto;
}

.checklist-notes-edit-box {
  font-size: 130%;
  font-weight: normal;
  color: rgb(40, 147, 225);
}

textarea.checklist-notes-edit-box {
  min-width: 100%;
  max-width: 100%;
  /*min-height: 2.5em;*/
  height: auto;
}

.input-grower-number {
  width: 100px;
}

.input-regional-number-label {
  margin-top: 5px;
  width: 100px;
  text-align: center;
}

.input-regional-number {
  margin-top: -5px;
  width: 100px;
  text-align: center;
}

.date-label {
  color: #aaa;
}

/* Unused */
.production-note {
  margin-top: -10px;
  margin-bottom: 10px;
  color: #aaa;
}

/* TODO: Dup from farm-list */

.farm-row {
  border-top: 1px solid #ddd;
  padding-top: 5px;
}

.farm-species-image-container {
  min-width: 40px;
}

img.farm-species-image {
  /*margin-top: 20px;*/
  /*margin-right: 10px;*/
  height: 40px;
}

@media print {
  img.farm-species-image {
    max-width: 40px  !important;
  }
}

/* Don't print links after checklist progress boxes */
@media print {
  a[href]:after {
    content: none !important;
  }
}

.farms-checkbox-text {
/*      margin-left: 10px;
*/    }
  
input[type=checkbox] {
  margin-right: 5px;
}

.grower-users {
  display: none;
  margin-top: 10px;
}

.users-label {
  color: #aaa;
}

.checklist-dates {
  display: none;
  margin-top: 10px;
  
}

.farms-checkbox-container {
  display: none;
}

.loading-message {
  font-size: 16pt;
  color: #aaa;
}


/**********************************/

.not-applicable {
  color: #aaa;
}

.input-number {
  width: 100px;
}

.file-year {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #777;
}

.file-list {
  display: none;
  margin-top: 10px;
}

.file-list input {
  margin-right: 5px;
}

.file-item {
  display: none;
}

.select-files-button {
  min-width: 100px;
  margin-top: 0px;
}

.uploader {
  margin-top: 10px;
}

.file-used {
}

label {
  font-weight: lighter;
}

@media print {
  .questions {page-break-inside: avoid;}
}

.subanswer-button {
  display: none;
  height: 25px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: normal;
}

.subanswer-button:focus, .subanswer-button:hover {
  text-decoration: none;
}

.subanswer-button.select-farms {
  color: red;
}

.subanswer-button.num-farms {
  color: #ff8000;
}

.subanswer-button.percent-farms {
  color: #cc66ff;
}

.subanswer-button.all-farms {
  /*color: green;*/
}

.subanswer-button .subanswer-button-arrow {
  margin-left: 0.75ex;
  font-weight: bold;
}

.subanswers {
  display: none;
  margin-top: 10px;
}

.subanswers-row {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.question-level {
  position: absolute;
  margin-top: -10px;
  right: 10px;
  color: #aaa;
}

.region-heading {
  margin-top: 10px;
  margin-bottom: 0px;
/*  color: black;
*/  font-weight: bold;
  font-size: 16pt;
}

.area-heading {
  margin-top: 5px;
  margin-left: 10px;
  color: #777;
  font-weight: bold;
}

.area-heading > .area-number {
  margin-left: 5px;
  font-weight: normal;
  color: #999;
}


input[type=checkbox].farm-checkbox {
  margin-left: 20px;
}

/***********************************/

.checklist-progress-container {
  margin-top: 0px;
}

.checklist-box {
  display: inline-block;
  height: 60px;
}

.farm-subquestion {
  color: #636b6f;
}

.saved-status {
  display: none;
  position: fixed;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  background: #dfd; /*#4cda4c;*/
  color: #aaa;
  border: 1px solid #ddd;
  border-radius: 10px;
  letter-spacing: 2px;
  opacity: 0.8;
  z-index: 1000;
}

.checklist-buttons-column {
  display: none;
  margin-top: 10px;
  padding-left: 0px;
}

@media print {
  .clear-checklist-button {
    display: none;
  }
  .no-print {
    display: none;
  }
  .footer {
    display: none;
  }
  body {
    margin-bottom: 0px;
  }
}

.fa-question-circle {
  margin-left: 5px;
  font-size: 12pt;
  color: #c3b87a; /*#b1ab89;*/ /*#259a3b;*/
  cursor: pointer;
  
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.section-heading .fa-question-circle {
  position: relative;
  left: 5px;
  bottom: 3px;
}

.subsection-heading .fa-question-circle {
  position: relative;
  bottom: 2px;
}

.question-help {
  /*display: none;*/
  margin-top: 15px;
  margin-bottom: 0px;
  padding: 15px 15px 5px 15px;
  line-height: 140%;
  /*border-radius: 10px;*/
  font-style: italic;
  color: #666; /*#636b6f;*/
  border-top: 1px solid #aaa;
  background: inherit; /*rgb(240, 240, 240);*/ /*#f1ebcc;*/
}

.checklist-section-heading .question-help, .subsection-heading .question-help {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
  border-radius: 0;
  border-top: none;
  background: none;
}

.subsection-heading .question-help {
  margin-bottom: 20px;
}

.question-help table, th, td {
  padding: 5px;
  vertical-align: top;
  border: 1px solid #636b6f;
}

@media print {
  .form-group.questions .fa-question-circle {
    display: none;
  }
  .question-help {
    /*display: inherit !important;*/
    background: #eee !important;
  }
  .question-help-print {
    display: inherit !important;
  }
}

.checklist-header {
  display: none;
  margin-top: 0px;
}

.checklist-progress-heading {
  margin-top: 15px;
  margin-bottom: 0px;
  color: rgb(40, 147, 225);
}

.checklist-progress-tips {
  margin-top: 10px;
  height: 15px;
  font-style: italic;
}

.checklist-key {
  margin-top: 20px;
}

.checklist-key div {
  /*cursor: pointer;*/
}

.checklist-key div.key-disabled {
  cursor: default;
}

.key-heading {
  color: #aaa;
  font-weight: normal;
  margin-bottom: 5px;
}

.key-item {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 5px 10px;
  text-align: center;
  background: rgb(220, 220, 230); /*rgba(86,61,124,.15);*/
  border: 1px solid rgba(86,61,124,.2);
}

.checklist-key .key-to-answer {
  border-right: 3px solid red; /*#ff8100;*/
}

.checklist-key .key-answered {
  border-right: 3px solid #4cda4c; /* rgb(40, 147, 225);  rgb(48, 149, 222); */
}

.checklist-key .key-optional {
}

.checklist-key .key-disabled {
  opacity: 0.5;
}

@media print {
  .checklist-key .key-disabled {
    display: none;
  }
}

.smf-doc-link {
  margin-top: 0px;
}

.button-show-all-sections {
  display: none;
  margin-left: 10px;
  padding: 0;
  font-style: normal;
}

.show-question-help,
.show-question-help:active, 
.show-question-help:target {
  width: 150px;
  background-color: #f1ebcc !important; /*#b1ab89;*/ /* #259a3b;*/
}

@media print {
  .show-question-help, .fa-question-circle {
    display: none;
  }
}



@media print {
  h1.checklist-heading {
    margin-top: 0px;
  }
  .checklist-header {
    margin-top: 0px;
  }
  .smf-doc-link {
    margin-top: 0px;
  }
  h2.section-heading {
    margin-top: 20px;
  }
  .checklist-subsection-form h3 {
    margin-top: 15px;
    margin-bottom: 0px;
  }
  .form-group.questions {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  textarea.form-control.checklist-edit-box {
    min-height: 1em;
    padding: 0;
    border: none;
  }

  textarea.form-control.checklist-notes-edit-box {
    min-height: 1em;
    padding: 0;
    border: none;
  }
}

/******* Checklist report ******/

.answer-analysis-row {
  display: none;
  margin-top: 10px;
  /*margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;*/
}

.answer-analysis-row-margin {
  margin-top: 20px;
}

.answer-analysis {
  margin-bottom: 10px;
}

.industry-statistics-heading {
  position: absolute;
  top: 3px; /*-25px;*/
  left: 3px;  /*0px*/;
  /*margin-right: -0.9em;*/
  z-index: 10;
  font-size: 8pt;
  line-height: 1;
  color: #ccc;
  
  /*margin: 10px 0px 0px 0px;
  font-weight: bold;*/
}

@media (min-width: 768px) {
  .industry-statistics-heading {
   /* margin: 10px 0px 0px 15px;*/
  }
}

.analysis-heading {
  border-bottom: 1px solid black;
  font-weight: bold;
}

.answer-analysis .row {
  margin-top: 4px;
}

.analysis-heading div {
  text-align: right;
}

.analysis-row .col-xs-6 {
  text-align: right;
}

.show-data-button {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100px;
  padding-left: 5px;
  padding-right: 5px;
  float: right;
  font-size: 10pt;
}

@media (min-width: 768px) {
  .show-data-button {
    float: right;
  }
}

.grower-answers {
  display: none;
  margin-top: 10px;
  margin-bottom: 20px;
  border-top: 1px solid #aaa;
}

.yes-no-graph-year {
  padding: 0 15px;
  font-weight: bold;
  color: rgb(40, 147, 225);
}

@media (min-width: 768px) {
  .yes-no-graph-year {
    padding: 0 30px 0 30px;
  }
}

.numeric-graph-year {
  /*padding: 0 15px;*/
  margin-left: 15px;
  font-weight: bold;
  color: rgb(40, 147, 225);
}

.yes-no-answer-graph {
  padding: 0 15px;
}

@media (min-width: 768px) {
  .yes-no-answer-graph {
    padding: 0 30px 0 30px;
  }
}

.yes-no-answer-graph-block {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 7px 0;
  /*padding-left: 0;*/
  /*text-align: center;*/
  color: white;
  text-align: center;
}

.answer-graph-block-text {
  /*display: inline-block;*/
  /*padding-left: 0.3em;*/
}

.answer-graph-option-text {
  padding-left: 0.2em;
}

.answer-graph-option-narrow-text {
  display: none;
  padding-left: 0.2em;
}

.answer-graph-option-text-transpose {
  color: #e4ea1e;
  /*font-weight: bold;*/
}

@media (min-width: 768px) {
  .answer-graph-block-text {
    /*padding-left: 0.4em;*/
  }
  .answer-graph-option-text {
    padding-left: 0.5em;
  }
}

@media (min-width: 991px) {
  .answer-graph-option-narrow-text {
    display: inherit;
    padding-left: 0.5em;
  }
}

@media print {
  .answer-graph-option-text {
    display: inherit;
    padding-left: 0.5em;
  }
}

.report-totals {
}

.report-totals span {
  font-weight: bold;
}

.yes-no-key {
  display: none;
}

.yes-no-key span {
  margin-right: 5px;
}

.yes-no-key div {
  display: inline-block;
  width: 80px;
  margin-right: 0px;
  text-align: center;
  color: white;
  cursor: default;
}

.answer-block-y {
  background: #57bf57 !important;
}

.answer-block-n {
  background: #d65252 !important;
}

.answer-block-na {
  background: rgb(218, 176, 10) !important;  /* rgb(220, 214, 29);*/
  color: #fff;
}

.answer-block-none {
  background: #bbb !important;
  color: #ddd;
}

.yes-no-key div.answer-block-none {
  color: #aaa;
}

.report-numeric {
  margin-left: 15px;
  font-size: 12pt;
  color: #57bf57;
}

.user-answer-icon {
  position: absolute;
  top: -36px; /*-25px;*/
  right: 50%;  /*0px*/;
  margin-right: -0.9em;  /*-0.82em;*/
  z-index: 10;
  font-size: 8pt;
  line-height: 1.4;
  color: rgb(20, 122, 228); /*rgb(18, 89, 226);*/
  /*background: yellow;*/
  /*opacity: 1.0;*/
}

.user-answer-icon i {
  font-size: 16pt;
}

.user-answer-icon-y {
  color: #57bf57;
}

.user-answer-icon-n {
  color: #d65252;
}

.user-answer-icon-na {
  color: rgb(218, 176, 10); /*#aaa;*/
}

.user-answer-icon-none {
  color: #bbb;
}

/**** Custom yes/no radio buttons ****/

/* The container */
.yes-no {
  display: inline-block;
  position: relative;
  padding-left: 35px;  /*35px;*/
  margin-top: 10px;
  margin-bottom: 12px;
  /*font-size: 12pt;*/ /*22px;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .yes-no {
    margin-top: 0px;
  }
}

.yes-no-answer {
  margin-left: 10px;
  padding: 0px 0px;
  /*border-radius: 5px;*/
}

/* Hide the browser's default radio button */
.yes-no input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -2px;
  left: 15px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.yes-no:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a background */
.yes-no input:checked ~ .checkmark {
  /*background-color: #2196F3;*/
}

.user-answer-y .checkmark {
  border: 1px solid #57bf57;
}

.user-answer-n .checkmark {
  border: 1px solid #d65252;
}

.user-answer-na .checkmark {
  border: 1px solid rgb(218, 176, 10);
}

.user-answer-y input:checked ~ .checkmark {
  background-color: #57bf57 !important;
}

.user-answer-n input:checked ~ .checkmark {
  background-color: #d65252 !important;
}

.user-answer-na input:checked ~ .checkmark {
  background-color: rgb(218, 176, 10) !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.yes-no input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.yes-no .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.edit-field-save-ok {
  background-color: #dfd !important;
}

.radio-button-save-ok {
  border: 1px solid #dfd !important;
}

.industry-metric-view-prompt {
  margin-top: 15px;
  margin-bottom: 5px;
  color: #aaa;
  font-weight: normal;
}

.question-number {
  position: absolute;
  top: 2px;
  right: 4px;
  font-size: 9pt;
  color: #777;
}

.question-help .guide {
}

.guide-margin {
  margin-bottom: 20px;
}

.evidence-area {
  margin-top: 5px;
}

.evidence {
  margin-bottom: 20px;
  line-height: 130%;
  font-style: normal;
}

.evidence:last-child {
  margin-bottom: 0px;
}

.evidence h5 {
  margin-top: 0px;
  margin-bottom: 4px;
}

.evidence ul {
  margin: 0;
  padding: 0;
  list-style-type: none;  /* non-standard bullets */
}

.evidence li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 12px;
}

/* non-standard bullet */
.evidence li:before {
  content: "•";
  position: absolute;
  font-size: 16pt;
  left: 0px;
  top: 1px;
}

/* checklist image */

.checklist-image {
  cursor: -moz-zoom-in; 
  cursor: -webkit-zoom-in; 
  cursor: zoom-in;
}

.image-large {
  height: auto;
  cursor: -moz-zoom-out; 
  cursor: -webkit-zoom-out; 
  cursor: zoom-out;
}