/* COLOR SCHEME
Light Green #79AD9A - Menu/Buttons
Dark Green #456a63 - Logo
Very Light Green #d9e6e8 - sidebar background
Other Dark Green #5a7c76 - Social Media
Black #3b3b3b - Social Media
Transparent White Background rgba(255,255,255,0.8)
Grey Background #f3f2ed

Black title #38312e - Metropolis font
Black text #38312e - Merriweather font
*/

:root {
	--text: #666666;
	--titles: #009245;

	--initialdata: #cccccc;
	--scores: #cccccc;
  --economics: #53cf90;
	--soil: #29bda6;
	--water: #30b2cc;
	--airclimate: #065880;
	--agriculturalinputs: #713473;
	--nutrientman: #8d1d55;
	--livestock: #c13153;
	--crop: #e55448;
	--biodiversity: #ff8825;
	--communitygovernance: #fbc755;
	--farmersworkers: #c9ce63;

	--initialdata-light: #d8d8d8;
	--scores-light: #d8d8d8;
  --economics-light: #c8edd9;
	--soil-light: #ceefe8;
	--water-light: #ceebef;
	--airclimate-light: #d1e6ed;
	--agriculturalinputs-light: #eadcec;
	--nutrientman-light: #ead6e2;
	--livestock-light: #efcad4;
	--crop-light: #efcaca;
	--biodiversity-light: #f9d6bb;
	--communitygovernance-light: #efe0c7;
	--farmersworkers-light: #eae9ca;

	--initialdata-very-light: #fcfcfc;
	--scores-very-light: #fcfcfc;
  --economics-very-light: #f4fbf7;
	--soil-very-light: #f5fcfa;
	--water-very-light: #f5fbfc;
	--airclimate-very-light: #f6fafb;
	--agriculturalinputs-very-light: #fbf8fb;
	--nutrientman-very-light: #fbf7f9;
	--livestock-very-light: #fcf4f6;
	--crop-very-light: #fcf4f4;
	--biodiversity-very-light: #fef7f1;
	--communitygovernance-very-light: #fcf9f4;
	--farmersworkers-very-light: #fbfbf4;

	--scores-gradient: linear-gradient(127deg, #53cf90, #29bda6, #30b2cc, #065880, #713473, #8d1d55, #c13153, #e55448, #ff8825, #fbc755, #c9ce63);
	--scores-gradient-webkit: -webkit-linear-gradient(127deg, #53cf90, #29bda6, #30b2cc, #065880, #713473, #8d1d55, #c13153, #e55448, #ff8825, #fbc755, #c9ce63);
}

@font-face {
	font-family: "Brown Regular";
	src: url("fonts/Brown-Regular.ttf") format("truetype");
}

body {
	font-family: "Brown Regular";
	color: #38312e;
	overflow-y: scroll; /* Show scrollbars */
}

.popover {
	font-family: "Brown Regular";
	color: #38312e;
}

.compulsory,
.warning {
	color: red;
	font-weight: bold;
}

.h-38 {
	height: 38px;
}

.separator {
	float: right;
  margin-right: 60px;
	margin-top: -1px;
	border: 1px solid;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border-color: #fff #dee2e6 #dee2e6 #dee2e6;
	width: 100px;
	background: white;
	padding: 0 5px 5px 5px;
	position: relative;
	z-index: 1030;
}

.separator p {
	margin: 0;
	font-size: 0.7rem;
}

.soft a,
.soft a:visited {
	color: #797979;
}

.soft a:hover,
.soft a:active {
    color: #adadad;
}

a,
a:visited,
.far.fa-question-circle {
	color: #3994F6;
}

a:hover,
a:active,
.far.fa-question-circle {
    color: #015CBE;
}

.far.fa-question-circle {
	font-size: larger;
}

.form-control {
	color: #38312e;
}

.h-90 { height: 90px; }
.h-40 { height: 40px; }
.w-80 { width: 80%; }
.mt-5px { margin-top: 5px; }
.mb-60 { margin-bottom: 60px; }
.mb-200 { margin-bottom: 200px; }
.minw200 { min-width: 200px; }
.maxhalf { max-width: 50%; width: 100%; }
.displayinline { display: flex }
.displayinline .compulsory { margin-right: 5px; }

.center {
	margin-left: auto;
	margin-right: auto;
}

h1,
h4,
#menu {
	font-family: "Brown Regular";
}

.text-middle {
	display: table;
	height: 100%;
}

.text-middle h4,
.text-middle h1 {
	display: table-cell;
	vertical-align: middle;
}

.bg-image {
	background: url("../img/0479-STF-319-e1522926610652.jpeg");
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#map { height: 220px; }

.axis-grid line {
  stroke: lightgrey;
}

#results .clickable {
	border-radius: 5px;
	padding: 5px;
	cursor: pointer;
}

#results.accordion button[data-toggle="collapse"]::after {
  font-family: "FontAwesome";
	content: "\f107";
  position: absolute;
	font-size: 1.75rem;
  top: 25px;
  right: 4rem;
  transition: all 0.30s;

  /* rotate "play" icon from > (right arrow) to down arrow */
  -webkit-transform: rotate(180deg);
  -moz-transform:    rotate(180deg);
  -ms-transform:     rotate(180deg);
  -o-transform:      rotate(180deg);
  transform:         rotate(180deg);
}
#results.accordion .charts button[data-toggle="collapse"]::after {
  top: 11px;
}
#results button[data-toggle="collapse"].collapsed::after {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
  -webkit-transform: rotate(0deg);
  -moz-transform:    rotate(0deg);
  -ms-transform:     rotate(0deg);
  -o-transform:      rotate(0deg);
  transform:         rotate(0deg);
}

hr.solid {
	border-top: 1px solid #bbb;
}

.badge {
	color: white;
    background-color: #aaaaaa;
}

.nav-link {
	font-size: 0.8rem;
	text-align: center;
}

@media (max-width: 576px) {
	.nav-link {
		padding: 0.3rem;
	}
}

.nav-link input {
	border: 1px solid #dee2e6;
}

.section .feedback-button {
	position: fixed;
	left: 1rem;
	bottom: 3rem;
	z-index: 1000;
}
.feedback-button {
	text-decoration: none;
	background-color: #628F46;
	padding: 5px 10px;
	border-radius: 3px;
	color: white;
	border-style: none;
	font-size: 0.9rem;
}

a.feedback-button,
a.feedback-button:hover,
a.feedback-button:visited,
a.feedback-button:focus,
a.feedback-button:active {
	color: white
}

.section .update-button {
	position: fixed;
	right: 1.5rem;
	bottom: 3rem;
	z-index: 1000;
}

.load-button {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

.update-button {
	padding: 5px 10px;
	border-radius: 3px;
	color: white;
	border-style: none;
	font-size: 0.9rem;
}

.subtitle .line {
	margin-top: 0.85rem;
}

.title {
	margin: 1.5rem;
}
.divider {
	height: 3.5rem;
}

.first .divider {
	height: 2rem;
}

.subtitle {
	color: black;
	border: solid 1px rgba(255, 255, 255, 1);
	margin-bottom: 0.5rem;
	margin-top: 2rem;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.first .subtitle {
	margin-top: 0;
}

.m-helper {
	font-size: 75%;
	font-style: italic;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
	overflow: auto;
}

.m-helper-fillfirst {
	font-size: 75%;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
	overflow: auto;
	z-index: 1000;
  position: relative;
}

.m-helper img {
	max-height: 250px;
	border: 1px solid var(--initialdata-light);
	margin-right: 1rem;
}
.m-helper .space {
	height: 3rem!important;
}
.m-helper div {
	display: inline;
	float: left;
}

.m-question {
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}

.m-scoring {
	font-size: 0.7rem;
    font-family: 'Source Code Pro';
}

.help-bar {
	margin-top: 2rem;
}

.help-bar .alert {
	color: #454545;
	background-color: var(--initialdata-light);
    border-color: var(--initialdata);
}

.remove-row {
	color: lightgray;
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.remove-row:hover {
	color: black;
}
table tr.add-row td {
	border: 0px;
}
.table-hover tbody tr.add-row:hover {
	background-color: transparent;
}

.pointer {
	cursor: pointer;
}

.do-not-answer {
	opacity: 0.6;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

#radar_chart_comparison.floating {
	position: sticky;
	top: 5%;
}

#scores-comparison #show_charts_toggle.floating {
	position: sticky;
	top: 87%;
}

.alert {
	position: fixed;
	top: 1.5rem;
	left: 1.5rem;
	z-index: 2000;
	margin: 1rem;
}

.numbering {
	background-color: #d9e6e8;
	padding: 0 5px;
	color: var(--initialdata);
	font-size: 0.7rem;
}

#top-right i.settings {
	margin-top: 12px;
	margin-right: 1rem!important;
}

#top-right .download {
	padding: 5px 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 0.8rem;
}

#top-right {
	margin-left: auto; 
	margin-right: 0;
}

.btn-primary{
	color:#fff;
	background-color: var(--initialdata);
	border-color: var(--initialdata);
}

.btn-primary:hover{
	color:#fff;
	background-color:#aaaaaa;
	border-color: #686767;
}

.btn-primary.focus,
.btn-primary:focus {
	box-shadow:0 0 0 .2rem rgba(217, 230, 232, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
	color:#fff;
	background-color:var(--initialdata);
	border-color:var(--initialdata);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle { 
	color:#fff;
	background-color:#aaaaaa;
	border-color: #686767;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow:0 0 0 .2rem rgba(217, 230, 232, 0.5)
}

.setting p {
	margin-top: 3px;
}

.page {
	padding-top: 2rem;
	padding-bottom: 4rem;
	padding-right: 2rem;
	padding-left: 2rem;
}

.title h1 {
	text-transform: uppercase;
	font-size: 1.5rem;
}

.subtitle h2 {
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: 1rem;
	margin: 0 auto;
}

.category .numbering {
	margin-right: 5px;
	background-color: transparent;
}

.question-group {
	border-radius: 5px;
	padding: 0.5rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	overflow-x: scroll;
}

.header {
	color: #454545,
}

.header-gfm {
	text-shadow: 1px 1px 1px #454545;
}

.question-group .header.header-top {
	text-align: center;
}
.question-group .header.header-top > * {
	margin-right: auto;
	margin-left: auto;
}

#assessmentSelection {
	margin-bottom: 50px;
}

#assessmentSelection p {
	margin-bottom: 0.5rem;
}

#scores .btn img,
#scores-comparison .btn img {
	width: 3rem;
	margin-right: 1rem;
	margin-left: 4rem;
}

#scores .btn:focus,
#scores-comparison .btn:focus {
	box-shadow: none;
}

#scores .scores-subtitle {
	text-transform: uppercase;
	margin-bottom: 1rem;
}

#menu img {
	width: 3rem;
}

#menu sub {
	margin-left: -23px;
	bottom: -20px;
}

.tooltip {
	font-family: "Brown Regular";
}

.tooltip.show {
	opacity: 1;
}
.options-tooltip {
	font-size: 0.7rem;
}
.options-tooltip .arrow::before {
	border-top-color: #adadad;
	border-bottom-color: #adadad;
}
.options-tooltip .tooltip-inner {
	color:white;
	background-color: #adadad;
}

@media (min-width: 768px) {
	.page {
		padding-right: 10rem;
		padding-left: 10rem;
	}

	.subtitle {
		width: 50%;
		margin-bottom: 1.5rem;
		margin-top: 1.5rem;
	}

	.question-group {
		overflow-x: hidden;
	}

	.question-group.larger {
		overflow-x: scroll;
	}
	
}

.block-answer {
	opacity: 0.4;
}
/*
table > tbody > tr:last-child th,
table > tbody > tr:last-child td {
	border-bottom: 1px solid #dee2e6;
}*/

.form-check {
	margin-top: 7px;
}
.popover {
	max-width: 50vw;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 28px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--initialdata-light);
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #aaa;
}

input:focus + .slider {
  box-shadow: 0 0 1px #aaa;
	outline: none;
}

input:checked + .slider:before {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 28px;
}

.slider.round:before {
  border-radius: 50%;
}

.ring-button.show {
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
}

.ring-button.show::after {
  content: '';
  width: 30px;
	height: 30px;
  border-radius: 100%;
  border: 6px solid var(--initialdata);
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s 3;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}

#crop-menu.router-link-active, .crop-light {	background-color: var(--crop-light); }
#crop .title,
#crop .update-button, .crop-normal {
	background-color: var(--crop);
}
#crop .subtitle, #crop .btn-show-, #crop .do-not-answer span { background-color: var(--crop-light); }
#crop .divider { border-bottom: 1px solid var(--crop-light); }
#crop .numbering {
	border-right: solid 1px var(--crop-light);
	background-color: transparent;
	color: var(--crop-light)
}
.crop-text { color: var(--crop); }
.category#crop, #crop .do-not-answer, .crop-very-light {	background-color: var(--crop-very-light); }
.category#crop .form-control:focus,
.category#crop .focus {
	border-color: var(--crop);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--crop-light);
}
.category#crop .question-group { border: solid 1px var(--crop-light); }
.crop-menu-tooltip .arrow::before {
	border-top-color: var(--crop);
	border-bottom-color: var(--crop);
}
.crop-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--crop);
}
#crop .glow-text { animation: glow-crop-text 1s ease-in-out infinite alternate; }
#crop .glow { animation: glow-crop 1s ease-in-out infinite alternate; }
@keyframes glow-crop-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--crop), 0 0 4px var(--crop); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--crop-light), 0 0 4px var(--crop-light), 0 0 5px var(--crop-light), 0 0 6px var(--crop-light), 0 0 7px var(--crop), 0 0 8px var(--crop);
  }
}
@keyframes glow-crop {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--crop), 0 0 4px var(--crop); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--crop-light), 0 0 4px var(--crop-light), 0 0 5px var(--crop-light), 0 0 6px var(--crop-light), 0 0 7px var(--crop), 0 0 8px var(--crop);
  }
}

.category#biodiversity,
#biodiversity .do-not-answer,
.biodiversity-very-light,
.biodiversity .clickable.collapsed:hover  {
	background-color: var(--biodiversity-very-light);
}
#biodiversity-menu.router-link-active,
.biodiversity-light,
.biodiversity .clickable:not(.collapsed) {
	background-color: var(--biodiversity-light);
}
#biodiversity .title,
#biodiversity .update-button,
.biodiversity-normal {
	background-color: var(--biodiversity);
}
#biodiversity .subtitle, #biodiversity .btn-show-more, #biodiversity .do-not-answer span { background-color: var(--biodiversity-light); }
#biodiversity .divider { border-bottom: 1px solid var(--biodiversity-light); }
#biodiversity .numbering {
	border-right: solid 1px var(--biodiversity-light);
	background-color: transparent;
	color: var(--biodiversity-light)
}
.biodiversity-text { color: var(--biodiversity); }
.category#biodiversity, #biodiversity .do-not-answer, .biodiversity-very-light {	background-color: var(--biodiversity-very-light); }
.category#biodiversity .form-control:focus,
.category#biodiversity .focus {
	border-color: var(--biodiversity);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--biodiversity-light);
}
.category#biodiversity .question-group { border: solid 1px var(--biodiversity-light); }
.biodiversity-menu-tooltip .arrow::before {
	border-top-color: var(--biodiversity);
	border-bottom-color: var(--biodiversity);
}
.biodiversity-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--biodiversity);
}
#biodiversity .glow-text { animation: glow-biodiversity-text 1s ease-in-out infinite alternate; }
#biodiversity .glow { animation: glow-biodiversity 1s ease-in-out infinite alternate; }
@keyframes glow-biodiversity-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--biodiversity), 0 0 4px var(--biodiversity); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--biodiversity-light), 0 0 4px var(--biodiversity-light), 0 0 5px var(--biodiversity-light), 0 0 6px var(--biodiversity-light), 0 0 7px var(--biodiversity), 0 0 8px var(--biodiversity);
  }
}
@keyframes glow-biodiversity {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--biodiversity), 0 0 4px var(--biodiversity); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--biodiversity-light), 0 0 4px var(--biodiversity-light), 0 0 5px var(--biodiversity-light), 0 0 6px var(--biodiversity-light), 0 0 7px var(--biodiversity), 0 0 8px var(--biodiversity);
  }
}

#communitygovernance-menu.router-link-active, .communitygovernance-light {	background-color: var(--communitygovernance-light); }
#communitygovernance .title,
#communitygovernance .update-button, .communitygovernance-normal {
	background-color: var(--communitygovernance);
}
#communitygovernance .subtitle, #communitygovernance .btn-show-more, #communitygovernance .do-not-answer span { background-color: var(--communitygovernance-light); }
#communitygovernance .divider { border-bottom: 1px solid var(--communitygovernance-light); }
#communitygovernance .numbering {
	border-right: solid 1px var(--communitygovernance-light);
	background-color: transparent;
	color: var(--communitygovernance-light)
}
.category#communitygovernance, #communitygovernance .do-not-answer, .communitygovernance-very-light {	background-color: var(--communitygovernance-very-light); }
.category#communitygovernance .form-control:focus,
.category#communitygovernance .focus {
	border-color: var(--communitygovernance);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--communitygovernance-light);
}
.communitygovernance-text { color: var(--communitygovernance); }
.category#communitygovernance .question-group { border: solid 1px var(--communitygovernance-light); }
.communitygovernance-menu-tooltip .arrow::before {
	border-top-color: var(--communitygovernance);
	border-bottom-color: var(--communitygovernance);
}
.communitygovernance-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--communitygovernance);
}
#communitygovernance .glow-text { animation: glow-communitygovernance-text 1s ease-in-out infinite alternate; }
#communitygovernance .glow { animation: glow-communitygovernance 1s ease-in-out infinite alternate; }
@keyframes glow-communitygovernance-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--communitygovernance), 0 0 4px var(--communitygovernance); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--communitygovernance-light), 0 0 4px var(--communitygovernance-light), 0 0 5px var(--communitygovernance-light), 0 0 6px var(--communitygovernance-light), 0 0 7px var(--communitygovernance), 0 0 8px var(--communitygovernance);
  }
}
@keyframes glow-communitygovernance {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--communitygovernance), 0 0 4px var(--communitygovernance); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--communitygovernance-light), 0 0 4px var(--communitygovernance-light), 0 0 5px var(--communitygovernance-light), 0 0 6px var(--communitygovernance-light), 0 0 7px var(--communitygovernance), 0 0 8px var(--communitygovernance);
  }
}

#farmersworkers-menu.router-link-active, .farmersworkers-light {	background-color: var(--farmersworkers-light); }
#farmersworkers .title, #farmersworkers .update-button, .farmersworkers-normal { background-color: var(--farmersworkers); }
#farmersworkers .subtitle, #farmersworkers .btn-show-more, #farmersworkers .do-not-answer span { background-color: var(--farmersworkers-light); }
#farmersworkers .divider { border-bottom: 1px solid var(--farmersworkers-light); }
#farmersworkers .numbering {
	border-right: solid 1px var(--farmersworkers-light);
	background-color: transparent;
	color: var(--farmersworkers-light)
}
.category#farmersworkers, #farmersworkers .do-not-answer, .farmersworkers-very-light {	background-color: var(--farmersworkers-very-light); }
.category#farmersworkers .form-control:focus,
.category#farmersworkers .focus {
	border-color: var(--farmersworkers);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--farmersworkers-light);
}
.farmersworkers-text { color: var(--farmersworkers); }
.category#farmersworkers .question-group { border: solid 1px var(--farmersworkers-light); }
.farmersworkers-menu-tooltip .arrow::before {
	border-top-color: var(--farmersworkers);
	border-bottom-color: var(--farmersworkers);
}
.farmersworkers-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--farmersworkers);
}
#farmersworkers .glow-text { animation: glow-farmersworkers-text 1s ease-in-out infinite alternate; }
#farmersworkers .glow { animation: glow-farmersworkers 1s ease-in-out infinite alternate; }
@keyframes glow-farmersworkers-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--farmersworkers), 0 0 4px var(--farmersworkers); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--farmersworkers-light), 0 0 4px var(--farmersworkers-light), 0 0 5px var(--farmersworkers-light), 0 0 6px var(--farmersworkers-light), 0 0 7px var(--farmersworkers), 0 0 8px var(--farmersworkers);
  }
}
@keyframes glow-farmersworkers {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--farmersworkers), 0 0 4px var(--farmersworkers); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--farmersworkers-light), 0 0 4px var(--farmersworkers-light), 0 0 5px var(--farmersworkers-light), 0 0 6px var(--farmersworkers-light), 0 0 7px var(--farmersworkers), 0 0 8px var(--farmersworkers);
  }
}

#livestock-menu.router-link-active, .livestock-light {	background-color: var(--livestock-light); }
#livestock .title, #livestock .update-button, .livestock-normal { background-color: var(--livestock); }
#livestock .subtitle, #livestock .btn-show-more, #livestock .do-not-answer span { background-color: var(--livestock-light); }
#livestock .divider { border-bottom: 1px solid var(--livestock-light); }
#livestock .numbering {
	border-right: solid 1px var(--livestock-light);
	background-color: transparent;
	color: var(--livestock-light)
}
.category#livestock, #livestock .do-not-answer, .livestock-very-light {	background-color: var(--livestock-very-light); }
.category#livestock .form-control:focus,
.category#livestock .focus {
	border-color: var(--livestock);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--livestock-light);
}
.livestock-text { color: var(--livestock); }
.category#livestock .question-group { border: solid 1px var(--livestock-light); }
.livestock-menu-tooltip .arrow::before {
	border-top-color: var(--livestock);
	border-bottom-color: var(--livestock);
}
.livestock-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--livestock);
}
#livestock .glow-text { animation: glow-livestock-text 1s ease-in-out infinite alternate; }
#livestock .glow { animation: glow-livestock 1s ease-in-out infinite alternate; }
@keyframes glow-livestock-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--livestock), 0 0 4px var(--livestock); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--livestock-light), 0 0 4px var(--livestock-light), 0 0 5px var(--livestock-light), 0 0 6px var(--livestock-light), 0 0 7px var(--livestock), 0 0 8px var(--livestock);
  }
}
@keyframes glow-livestock {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--livestock), 0 0 4px var(--livestock); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--livestock-light), 0 0 4px var(--livestock-light), 0 0 5px var(--livestock-light), 0 0 6px var(--livestock-light), 0 0 7px var(--livestock), 0 0 8px var(--livestock);
  }
}

.category#nutrientman,
#nutrientman .do-not-answer,
.nutrientman-very-light,
.nutrientman .clickable.collapsed:hover {
	background-color: var(--nutrientman-very-light);
}
#nutrientman-menu.router-link-active,
.nutrientman-light,
.nutrientman .clickable:not(.collapsed) {
	background-color: var(--nutrientman-light);
}
#nutrientman .title,
#nutrientman .update-button,
.nutrientman-normal {
	background-color: var(--nutrientman);
}
#nutrientman .subtitle, #nutrientman .btn-show-more, #nutrientman .do-not-answer span { background-color: var(--nutrientman-light); }
#nutrientman .divider { border-bottom: 1px solid var(--nutrientman-light); }
#nutrientman .numbering {
	border-right: solid 1px var(--nutrientman-light);
	background-color: transparent;
	color: var(--nutrientman-light)
}
.category#nutrientman .form-control:focus,
.category#nutrientman .focus {
	border-color: var(--nutrientman);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--nutrientman-light);
}
.category#nutrientman .question-group { border: solid 1px var(--nutrientman-light); }
.nutrientman-menu-tooltip .arrow::before {
	border-top-color: var(--nutrientman);
	border-bottom-color: var(--nutrientman);
}
.nutrientman-text { color: var(--nutrientman); }
.nutrientman-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--nutrientman);
}
#nutrientman .glow-text { animation: glow-nutrientman-text 1s ease-in-out infinite alternate; }
#nutrientman .glow { animation: glow-nutrientman 1s ease-in-out infinite alternate; }
@keyframes glow-nutrientman-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--nutrientman), 0 0 4px var(--nutrientman); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--nutrientman-light), 0 0 4px var(--nutrientman-light), 0 0 5px var(--nutrientman-light), 0 0 6px var(--nutrientman-light), 0 0 7px var(--nutrientman), 0 0 8px var(--nutrientman);
  }
}
@keyframes glow-nutrientman {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--nutrientman), 0 0 4px var(--nutrientman); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--nutrientman-light), 0 0 4px var(--nutrientman-light), 0 0 5px var(--nutrientman-light), 0 0 6px var(--nutrientman-light), 0 0 7px var(--nutrientman), 0 0 8px var(--nutrientman);
  }
}

.category#agriculturalinputs,
#agriculturalinputs .do-not-answer,
.agriculturalinputs-very-light,
.agriculturalinputs .clickable.collapsed:hover {
	background-color: var(--agriculturalinputs-very-light);
}
#agriculturalinputs-menu.router-link-active,
.agriculturalinputs-light,
.agriculturalinputs .clickable:not(.collapsed) {
	background-color: var(--agriculturalinputs-light);
}
#agriculturalinputs .title,
#agriculturalinputs .update-button,
.agriculturalinputs-normal  {
	background-color: var(--agriculturalinputs);
}
#agriculturalinputs .subtitle, #agriculturalinputs .btn-show-more, #agriculturalinputs .do-not-answer span { background-color: var(--agriculturalinputs-light); }
#agriculturalinputs .divider { border-bottom: 1px solid var(--agriculturalinputs-light); }
#agriculturalinputs .numbering {
	border-right: solid 1px var(--agriculturalinputs-light);
	background-color: transparent;
	color: var(--agriculturalinputs-light)
}
.category#agriculturalinputs .form-control:focus,
.category#agriculturalinputs .focus {
	border-color: var(--agriculturalinputs);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--agriculturalinputs-light);
}
.category#agriculturalinputs .question-group { border: solid 1px var(--agriculturalinputs-light); }
.agriculturalinputs-menu-tooltip .arrow::before {
	border-top-color: var(--agriculturalinputs);
	border-bottom-color: var(--agriculturalinputs);
}
.agriculturalinputs-text { color: var(--agriculturalinputs); }
.agriculturalinputs-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--agriculturalinputs);
}
#agriculturalinputs .glow-text { animation: glow-agriculturalinputs-text 1s ease-in-out infinite alternate; }
#agriculturalinputs .glow { animation: glow-agriculturalinputs 1s ease-in-out infinite alternate; }
@keyframes glow-agriculturalinputs-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--agriculturalinputs), 0 0 4px var(--agriculturalinputs); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--agriculturalinputs-light), 0 0 4px var(--agriculturalinputs-light), 0 0 5px var(--agriculturalinputs-light), 0 0 6px var(--agriculturalinputs-light), 0 0 7px var(--agriculturalinputs), 0 0 8px var(--agriculturalinputs);
  }
}
@keyframes glow-agriculturalinputs {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--agriculturalinputs), 0 0 4px var(--agriculturalinputs); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--agriculturalinputs-light), 0 0 4px var(--agriculturalinputs-light), 0 0 5px var(--agriculturalinputs-light), 0 0 6px var(--agriculturalinputs-light), 0 0 7px var(--agriculturalinputs), 0 0 8px var(--agriculturalinputs);
  }
}

.category#airclimate,
#airclimate .do-not-answer,
.airclimate-very-light,
.airclimate .clickable.collapsed:hover {
	background-color: var(--airclimate-very-light);
}
#airclimate-menu.router-link-active,
.airclimate-light,
.airclimate .clickable:not(.collapsed) {
	background-color: var(--airclimate-light);
}
#airclimate .title,
#airclimate .update-button,
.airclimate-normal {
	background-color: var(--airclimate);
}
#airclimate .subtitle, #airclimate .btn-show-more, #airclimate .do-not-answer span { background-color: var(--airclimate-light); }
#airclimate .divider { border-bottom: 1px solid var(--airclimate-light); }
#airclimate .numbering {
	border-right: solid 1px var(--airclimate-light);
	background-color: transparent;
	color: var(--airclimate-light)
}
.category#airclimate .form-control:focus,
.category#airclimate .focus {
	border-color: var(--airclimate);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--airclimate-light);
}
.category#airclimate .question-group { border: solid 1px var(--airclimate-light); }
.airclimate-menu-tooltip .arrow::before {
	border-top-color: var(--airclimate);
	border-bottom-color: var(--airclimate);
}
.airclimate-text { color: var(--airclimate); }
.airclimate-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--airclimate);
}
#airclimate .glow-text { animation: glow-airclimate-text 1s ease-in-out infinite alternate; }
#airclimate .glow { animation: glow-airclimate 1s ease-in-out infinite alternate; }
@keyframes glow-airclimate-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--airclimate), 0 0 4px var(--airclimate); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--airclimate-light), 0 0 4px var(--airclimate-light), 0 0 5px var(--airclimate-light), 0 0 6px var(--airclimate-light), 0 0 7px var(--airclimate), 0 0 8px var(--airclimate);
  }
}
@keyframes glow-airclimate {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--airclimate), 0 0 4px var(--airclimate); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--airclimate-light), 0 0 4px var(--airclimate-light), 0 0 5px var(--airclimate-light), 0 0 6px var(--airclimate-light), 0 0 7px var(--airclimate), 0 0 8px var(--airclimate);
  }
}

.category#water,
#water .do-not-answer,
.water-very-light,
.water .clickable.collapsed:hover {
	background-color: var(--water-very-light);
}
#water-menu.router-link-active,
.water-light,
.water .clickable:not(.collapsed) {
	background-color: var(--water-light);
}
#water .title,
#water .update-button,
.water-normal {
	background-color: var(--water);
}
#water .subtitle, #water .btn-show-more, #water .do-not-answer span { background-color: var(--water-light); }
#water .divider { border-bottom: 1px solid var(--water-light); }
#water .numbering {
	border-right: solid 1px var(--water-light);
	background-color: transparent;
	color: var(--water-light)
}
.category#water .form-control:focus,
.category#water .focus {
	border-color: var(--water);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--water-light);
}
.category#water .question-group { border: solid 1px var(--water-light); }
.water-menu-tooltip .arrow::before {
	border-top-color: var(--water);
	border-bottom-color: var(--water);
}
.water-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--water);
}
.water-text { color: var(--water); }
#water .glow-text { animation: glow-water-text 1s ease-in-out infinite alternate; }
#water .glow { animation: glow-water 1s ease-in-out infinite alternate; }
@keyframes glow-water-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--water), 0 0 4px var(--water); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--water-light), 0 0 4px var(--water-light), 0 0 5px var(--water-light), 0 0 6px var(--water-light), 0 0 7px var(--water), 0 0 8px var(--water);
  }
}
@keyframes glow-water {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--water), 0 0 4px var(--water); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--water-light), 0 0 4px var(--water-light), 0 0 5px var(--water-light), 0 0 6px var(--water-light), 0 0 7px var(--water), 0 0 8px var(--water);
  }
}

#soil-menu.router-link-active, .soil-light {	background-color: var(--soil-light); }
#soil .title, #soil .update-button, .soil-normal { background-color: var(--soil); }
#soil .subtitle, #soil .btn-show-more, #soil .do-not-answer span { background-color: var(--soil-light); }
#soil .divider { border-bottom: 1px solid var(--soil-light); }
#soil .numbering {
	border-right: solid 1px var(--soil-light);
	background-color: transparent;
	color: var(--soil-light)
}
.category#soil, #soil .do-not-answer, .soil-very-light {	background-color: var(--soil-very-light); }
.category#soil .form-control:focus,
.category#soil .focus {
	border-color: var(--soil);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--soil-light);
}
.category#soil .question-group { border: solid 1px var(--soil-light); }
.soil-menu-tooltip .arrow::before {
	border-top-color: var(--soil);
	border-bottom-color: var(--soil);
}
.soil-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--soil);
}
.soil-text { color: var(--soil); }
#soil .glow-text { animation: glow-soil-text 1s ease-in-out infinite alternate; }
#soil .glow { animation: glow-soil 1s ease-in-out infinite alternate; }
@keyframes glow-soil-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--soil), 0 0 4px var(--soil); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--soil-light), 0 0 4px var(--soil-light), 0 0 5px var(--soil-light), 0 0 6px var(--soil-light), 0 0 7px var(--soil), 0 0 8px var(--soil);
  }
}
@keyframes glow-soil {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--soil), 0 0 4px var(--soil); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--soil-light), 0 0 4px var(--soil-light), 0 0 5px var(--soil-light), 0 0 6px var(--soil-light), 0 0 7px var(--soil), 0 0 8px var(--soil);
  }
}

.category#economics,
#economics .do-not-answer,
.economics-very-light,
.economics .clickable.collapsed:hover {
	background-color: var(--economics-very-light);
}
#economics-menu.router-link-active,
.economics-light,
.economics .clickable:not(.collapsed) {
	background-color: var(--economics-light);
}
#economics .title,
#economics .update-button,
.economics-normal {
	background-color: var(--economics);
}
#economics .subtitle, #economics .btn-show-more, #economics .do-not-answer span { background-color: var(--economics-light); }
#economics .divider { border-bottom: 1px solid var(--economics-light); }
#economics .numbering {
	border-right: solid 1px var(--economics-light);
	background-color: transparent;
	color: var(--economics-light)
}
.economics-text { color: var(--economics); }
.category#economics .form-control:focus,
.category#economics .focus {
	border-color: var(--economics);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--economics-light);
}
.category#economics .question-group { border: solid 1px var(--economics-light); }
.economics-menu-tooltip .arrow::before {
	border-top-color: var(--economics);
	border-bottom-color: var(--economics);
}
.economics-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--economics);
}
#economics .glow-text { animation: glow-economics-text 1s ease-in-out infinite alternate; }
#economics .glow { animation: glow-economics 1s ease-in-out infinite alternate; }
@keyframes glow-economics-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--economics), 0 0 4px var(--economics); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--economics-light), 0 0 4px var(--economics-light), 0 0 5px var(--economics-light), 0 0 6px var(--economics-light), 0 0 7px var(--economics), 0 0 8px var(--economics);
  }
}
@keyframes glow-economics {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--economics), 0 0 4px var(--economics); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--economics-light), 0 0 4px var(--economics-light), 0 0 5px var(--economics-light), 0 0 6px var(--economics-light), 0 0 7px var(--economics), 0 0 8px var(--economics);
  }
}

#scores-menu.router-link-active {	background-color: var(--scores-light); }
#scores .update-button, #scores-comparison .update-button { background-color: var(--scores); }
#scores .subtitle, #scores .btn-show-more { background-color: var(--scores-light); }
#scores .divider { border-bottom: 1px solid var(--scores-light); }
#scores .numbering {
	border-right: solid 1px var(--scores-light);
	background-color: transparent;
	color: var(--scores-light)
}
.category#scores, .scores-very-light {	background-color: var(--scores-very-light); }
.category#scores .form-control:focus,
.category#scores .focus {
	border-color: var(--scores);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--scores-light);
}
.scores-text { color: var(--scores); }
.category#scores .question-group { border: solid 1px var(--scores-light); }
.scores-menu-tooltip .arrow::before {
	border-top-color: var(--scores);
	border-bottom-color: var(--scores );
}
.scores-menu-tooltip .tooltip-inner {
	color:white;
	background:var(--scores-gradient);
}

#initialdata-menu.router-link-active, .default-light {	background-color: var(--initialdata-light); }
#initialdata .title, #initialdata .update-button, .default-normal  { background-color: var(--initialdata); }
#initialdata .subtitle, #initialdata .btn-show-more, #initialdata .do-not-answer span { background-color: var(--initialdata-light); }
#initialdata .divider { border-bottom: 1px solid var(--initialdata-light); }
#initialdata .numbering {
	border-right: solid 1px var(--initialdata-light);
	background-color: transparent;
	color: var(--initialdata-light)
}
.initialdata-text { color: var(--text); }
.category#initialdata, #initialdata .do-not-answer, .initialdata-very-light {	background-color: var(--initialdata-very-light); }
.category#initialdata .form-control:focus,
.category#initialdata .focus {
	border-color: var(--initialdata);
	outline: 0;
	box-shadow: 0 0 0 0.2rem var(--initialdata-light);
}
.category#initialdata .question-group { border: solid 1px var(--initialdata-light); }
.initialdata-menu-tooltip .arrow::before {
	border-top-color: var(--initialdata);
	border-bottom-color: var(--initialdata);
}
.initialdata-menu-tooltip .tooltip-inner {
	color:white;
	background-color:var(--initialdata);
}
#initialdata .glow-text { animation: glow-initialdata-text 1s ease-in-out infinite alternate; }
#initialdata .glow { animation: glow-initialdata 1s ease-in-out infinite alternate; }
@keyframes glow-initialdata-text {
  from { text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--initialdata), 0 0 4px var(--initialdata); }
  to { text-shadow: 0 0 2px #fff, 0 0 3px var(--initialdata-light), 0 0 4px var(--initialdata-light), 0 0 5px var(--initialdata-light), 0 0 6px var(--initialdata-light), 0 0 7px var(--initialdata), 0 0 8px var(--initialdata-light);
  }
}
@keyframes glow-initialdata {
  from { box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px var(--initialdata), 0 0 4px var(--initialdata); }
  to { box-shadow: 0 0 2px #fff, 0 0 3px var(--initialdata-light), 0 0 4px var(--initialdata-light), 0 0 5px var(--initialdata-light), 0 0 6px var(--initialdata-light), 0 0 7px var(--initialdata), 0 0 8px var(--initialdata-light);
  }
}

.npk-table {
	font-size: 80%;
	padding: 0px 10px;
}
.npk-table > div {
	border: 1px solid #dee2e6;
}
.npk-table p {
	margin: 2px 2px;
}

table#airclimate_ghgemissionestimates_crops tr:nth-last-child(2),
table#airclimate_ghgemissionestimates_livestock tr:nth-last-child(2),
table#airclimate_ghgemissionestimates_livestockproducts tr:nth-last-child(2) {
	font-weight: bold;
}

table.table td,
table.table th {
	vertical-align: middle;
}

#economics_financialoutput > tbody > tr:nth-child(1) > td:nth-child(1) {
	text-align: left;
	font-weight: bold;
}
#economics_financialoutput > tbody > tr:nth-child(1) > td:nth-child(1) > div > p {
	text-align: left!important;
	margin-bottom: 4px;
}

.initial-page li {
	margin-bottom: 5px;
}

#qg_feedback_start_knowledgeunderstanding > tbody > tr:nth-child(1) > th,
#qg_feedback_end_knowledgeunderstanding > tbody > tr:nth-child(1) > th {
	width: 60%;
  max-width: 60%;
}