h1 {
  color: #322828;
  font-size: 26;
  font-weight: bold;
}

body {
  font-family: 'IBM Plex Sans', sans-serif;
}

a {
  color: #A09C9C;
}

a:hover {
  color: #5D5555;
}

label.required::after {
  content: ' *';
  color: white;
}


.lsipt-header {
  display: flex;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  flex-wrap: wrap;
}

.lsipt-header-search {
  flex: 1;
}

.lsipt-header-button {
  padding-left: 10px;
  padding-right: 10px;
}

.lsipt-header-button-icon {
  height: 27px;
  text-align: center;
}

.lsipt-header-button-text {
  font-size: 10pt;
  text-align: center;
  white-space: nowrap;
  margin-top: 5px;
}

.imgreel {
  background-repeat: repeat-x;
  background-image: url("../images/header_roll.png");
}

.lsipt-page-container {
  width: 90%;
  margin: 0 auto;
}

.home-project-table {
  width: 90%;
}

.home-projects-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.td-year {
  color: #BDBABA;
  font-size: 18px;
  font-weight: bold;
  width: 100px;
}

.td-country {
  font-size: 18px;
  font-weight: bold;
  color: #5D5555;
}

td.td-country a {
  color: #5D5555;
}

.td-project-id {
  font-size: 14px;
  font-weight: normal;
  color: #5D5555;
  width: 150px;
}

.choose-animal-buttons {
  display: flex;
  justify-content: center;
}

.button-green {
  background-color: #4EA0AB;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 10px 10px 10px 10px;
}

.button-orange {
  background-color: #F1762A;
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 10px;
}

.orange-next-btn-text {
  flex: 2;
  background-color: #F1762A;
  border-radius: 10px 0px 0px 10px;
  padding-left: 10px;
  padding-right: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.orange-next-btn-icon {

  color: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #FFCA37;
  border-radius: 0px 10px 10px 0px;
}

.button-orange:hover {
  cursor: pointer;
  color: black;

}

.next-btn-container {
  display: flex;
  align-items: center;
}

.next-btn-text {
  flex: 2;
  background-color: #4EA0AB;
  border-radius: 10px 0px 0px 10px;
  padding-left: 10px;
  padding-right: 80px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.next-btn-icon {

  color: white;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #9DDAE5;
  border-radius: 0px 10px 10px 0px;
}

div.next-button [type=submit]:not(:disabled),
div.next-button button:not(:disabled) {
  cursor: pointer;
  background-color: transparent;
  outline: none;
}

.login-card {
  width: 600px;
  margin: 20px auto;
  background-color: #F3F3F3;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border-radius: 5px;
  /* 5px rounded corners */
}

.login-card-logos {
  margin-bottom: 20px;
}

.input-group-text label {
  margin-bottom: 0;
  color: white;
  font-size: 0.8rem;
  font-weight: 800;

}

.input-group-text {
  background-color: #5D5555;
}

.wfixed130 {
  width: 140px;
}

.wfixed210 {
  width: 340px;
}

.wfixed184 {
  width: 184px;
}


i.fas.fa-search {
  color: white;
}

.operations-container {
  display: flex;
  flex-wrap: wrap;
}


.operations-container-cards {
  flex: 1;

}

.operations-container-card-title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  border-bottom: 1px dotted;
  padding: 10px;
}

.operations-container-card-item {
  display: flex;
}

.operations-container-card-item-icon {
  align-self: center;
}

.operations-container-card-item-fa-icon {
  font-size: 20px;
}


.operations-container-card-item-user {
  margin-left: 5px;
  margin-right: 15px;
  flex: 2;
}

.operations-container-card {
  background-color: #EEEEEE;
  border-radius: 5px;
  font-size: 12px;
  /*height: 250px;*/
  padding: 10px;
  margin: 10px;
}

h2 {
  color: #5D5555;
  font-size: 26px;
  font-weight: bold;
}

.lps-card-container {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}

.lps-card-choose-container {
  justify-content: center;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}

.lps-card {
  display: flex;
  width: 260px;

  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  /* 5px rounded corners */
  background-color: #EEEEEE;
  margin: 10px;
  font-size: 14px;
}

.lps-card-glyph {
  align-self: center;
  margin-right: 5px;
}

.lps-card-id {
  flex: 2;
  align-self: center;
}

.lps-card-actions-btn {

  font-size: 18px;
}

.lps-card-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.lps-card-action {
  margin: 5px;
  float: left;

}

.lps-card-content {
  word-wrap: break-word;
}

.card img {
  border-radius: 5px 5px 0 0;
}

.lps-card-white {
  display: flex;

  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  /* 5px rounded corners */
  background-color: white;
  margin: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.lps-card-choose-white {
  display: flex;
  text-align: center;
  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  /* 5px rounded corners */
  background-color: white;
  margin: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 220px;
  height: 135px;
}

.lps-choose-specie-container {
  display: flex;
  align-content: flex-start;
}

.lps-choose-specie-container {
  display: flex;
  align-content: flex-start;
}

.lps-choose-specie-card {
  display: flex;
  flex-flow: column;
  margin-right: 20px;
}

.lps-choose-specie-card-img img {
  width: 200px;
}


.lps-choose-specie-card .input-group-text {
  width: 180px;
}

.lps-choose-specie-card select {
  width: 200px;
}

.custom-option {
  position: relative;
  display: block;
  padding: 0 22px 0 22px;
  cursor: pointer;
  transition: all 0.5s;
}

.custom-option:hover {
  cursor: pointer;
  background-color: #3b3b3b;
}

.new-lps-button-green {
  background-color: #4EA0AB;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 10px 10px 10px 10px;
  padding: 20px;
}

.goals-cards-container {
  display: flex;
  flex-direction: wrap;
}

.goals-cards-container a:hover {
  text-decoration: none;
}

.goals-card-1 a,
.goals-card-2 a,
.goals-card-3,
.goal-card-4 a {
  color: #5D5555;
}

.goals-card-1:hover a,
.goals-card-2:hover a,
.goals-card-3:hover,
.goals-card-4:hover a {

  background-color: #892E1B;
  color: white;
  cursor: pointer;
}

.goals-card-1,
.goals-card-2,
.goals-card-3,
.goals-card-4 {
  display: flex;
  background-color: white;
  border: 2px solid;
  border-color: #A09C9C;
  color: #5D5555;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  margin: 4px 2px;
  border-radius: 10px 10px 10px 10px;
  padding: 10px;
  width: 150px;
  height: 105px;
  text-decoration: none;
}



.goals-card-1-img,
.goals-card-2-img {
  font-size: 25px;
  width: 30px;
}


.goals-card-1:hover,
.goals-card-2:hover,
.goals-card-3:hover,
.goals-card-4:hover {

  background-color: #892E1B;
  color: white;
  cursor: pointer;
}

.goals-card-1-hover,
.goals-card-2-hover {

  background-color: #892E1B;
  color: white;

}

.lps-edit-container {
  display: flex;
  flex-wrap: wrap;
}

.lps-edit-description-container {
  display: flex;
  flex-flow: column;
}

.lps-edit-col1 {
  flex: 2;
}

.lps-edit-col2 {
  flex: 2;
}

.t1-accordion-header,
.t1-accordion-lps-description-header,
.t1-accordion-age-classes-parameters-header,
.t1-accordion-demography-parameters-header,
.t1-accordion-production-parameters-header,
.t1-accordion-feeding-parameters-header {
  font-size: 18px;
  color: #322828;

}

.t1-accordion-lps-description-content,
.t8-accordion-lps-description-content {
  border-left: 1px solid #9DDAE5;
  padding: 20px;
}

.t1-accordion-lps-description-content input,
.t8-accordion-lps-description-content input {
  width: 250px;
}

.age-classes-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
}

.age-classes-parameters-container div.item,
.t1-review-parameters-container div.item {
  align-self: end;

}

.age-classes-parameters-container div.item input {
  width: 90%;
  border-radius: 5px;
  border: 1px solid;
  border-color: #5D5555;
}

.demography-parameters-container,
.t1-accordion-production-parameters-content,
.t1-accordion-feeding-parameters-content {
  border-left: 1px solid #9DDAE5;
}

.item-header {
  border-bottom: 1px solid;
}

.item-header-centered {
  text-align: center;
  font-weight: bold;
}

.fm {
  font-size: 16px;
}

.yellow {
  background-color: #FFCB14;
}

.orange {
  background-color: #F1762A;
}

.gray {
  background-color: #BDBABA;
}

.underlined {
  text-decoration: underline;
}

.reproduction-grid {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}

.mortality-grid {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10%;
  /*grid-template-rows: 20px 20px;*/
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}

.mortality-grid div.item input {
  width: 90%;
  border-radius: 5px;
  border: 1px solid;
  border-color: #5D5555;
}

.t1-accordion-content-live-wool-grid {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}

.t1-accordion-content-live-wool-grid div.item input {
  width: 90%;
  border-radius: 5px;
  border: 1px solid;
  border-color: #5D5555;
}

.feeding-parameters-grid {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10%;
  /*grid-template-rows: 20px 20px;*/
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}

.feeding-parameters-grid div.item input {
  width: 90%;
  border-radius: 5px;
  border-color: #5D5555;
  border: 1px solid;
}

.t1-review-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 10% 10% 10% 10% 10% 10% 10% 10%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
}

.t8-review-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 70% 10%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 5px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
}

.t8-review-parameters-container .even {
  background-color: #DDDDDD;
}

.item-lg1 {
  grid-column-start: 2;
  grid-column-end: 6;
}

.item-lg2 {
  grid-column-start: 6;
  grid-column-end: 10;
}

.goals-narrative-steps {
  margin-top: 20px;
  margin-bottom: 30px;
}

.goals-narrative-steps1 {
  display: none;
}

.goals-narrative-steps2 {
  display: none;
}

.goals-pursue-button {
  display: flex;
  background-color: #892E1B;
  color: white;
  border-radius: 5px;
  padding: 10px;
  width: 170px;
  font-weight: bold;
}

.goals-pursue-button-image {
  margin-left: 10px;
}

.goals-narrative-title {
  font-size: 18px;
  color: #892E1B;
  font-weight: bold;
}

.goals-narrative-step {
  color: #5D5555;
  padding: 5px;
  display: flex;
  font-weight: bold;
}

.goals-narrative-step-image {
  margin-right: 20px;
}

.t8-accordion-animals-parameters-content,
.t8-accordion-henhouse-parameters-content,
.t8-accordion-home-consumption-content,
.t8-accordion-production-feed-content {
  border-left: 1px solid #9DDAE5;
}

.t8-animal-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 120px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}

.t8-mortality-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 160px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;

}

.t8-production-feed-parameters {
  padding: 20px;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 260px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}

.t8-animal-parameters-col1,
.t8-animal-parameters-col2,
.t8-mortality-parameters-col1,
.t8-mortality-parameters-col2 {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 20px 20px 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}


.t8-rest-period-parameters-container,
.t8-places-henhouse-parameters-container,
.t8-home-consumption-parameters-container {
  display: grid;
  padding-top: 40px;
  padding-left: 20px;
  grid-template-columns: 50% 50%;
  grid-template-rows: 40px;
  padding-bottom: 40px;
}

.t8-rest-period-parameters-col1,
.t8-rest-period-parameters-col2,
.t8-places-henhouse-parameters-container-col1,
.t8-places-henhouse-parameters-container2-col2,
.t8-home-consumption-parameters-col1,
.t8-home-consumption-parameters-col2 {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}


.t8-production-feed-parameters-col1,
.t8-production-feed-parameters-col2 {

  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 20px 20px 20px 20px 20px 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
}

.label-2lines {
  line-height: 11px;
}

.lps-t8-parameters-form div.item input {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid;
  border-color: #5D5555;
}

.lps-t8-parameters-form .input-group-text {
  width: 260px;
}



#mainContainer input {
  border-radius: 5px;
}

.h2-image {
  margin-right: 10px;
}

.header-content {
  display: flex;
  font-size: 26px;
}

.breadcrumb {
  background-color: transparent;
  justify-content: center;
}

ul.breadcrumb div.item {
  background-color: #BDBABA;
  color: #5D5555;
  border-radius: 5px;
  padding: 5px;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12px;
  align-items: center;
  height: 35px;
  display: flex;
  justify-content: center;
}

ul.breadcrumb li a {
  color: #5D5555;
}


.breadcrumb .last-item {
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 5px;
  background-color: #F1762A;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.breadcrumb .last-item-text {
  margin-left: 5px;
  margin-right: 20px;
}

.project-no-activities {
  text-align: center;
}

.cols-container {
  display: flex;
  flex-wrap: wrap;
}

.content-left {
  flex: 4;
}

.content-right {
  flex: 1;
}

.login-btn {
  text-align: center;
}

.register-content {
  text-align: center;
}

.share-card-container {
  display: flex;
  flex-wrap: wrap;
}

.share-card {
  border-radius: 5px;
  background-color: #4EA0AB;
  color: white;

  width: 200px;
  display: flex;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  padding: 10px;
  margin: 10px;
  font-size: 14px;
}

.share-card-icon {
  font-size: 24px;
}

div.share-card a {
  color: white;
}

.share-card-role {
  font-weight: bold;
}

.share-card-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.share-card-action {
  margin: 5px;
  float: left;
}

.share-card-actions-btn {
  font-size: 18px;
}

.share-pending-card {
  border-radius: 5px;
  background-color: #F1762A;
  color: white;

  width: 200px;
  display: flex;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  padding: 10px;
  margin: 10px;
  font-size: 14px;
}

.share-pending-card-actions-btn {
  font-size: 18px;
}

.share-pending-card-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.share-pending-card-action {
  margin: 5px;
  float: left;

}

div.share-pending-card a {
  color: white;
}

iframe {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: 100vh;
  /* Viewport-relative units */
  width: 100vw;
}

.download-tor-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-text {
  margin-top: 20px;
}

.new-lps-button-green a {
  color: white;
}

.m1-goals-card-1 a,
.m1-goals-card-2 a,
.m1-goals-card-3,
.m1-goals-card-4 a {
  color: #5D5555;
}

.m1-goals-card-1:hover a,
.m1-goals-card-2:hover a,
.m1-goals-card-3:hover a,
.m1-goals-card-4:hover a {

  background-color: #892E1B;
  color: white;
  cursor: pointer;
}

.m1-goals-card-1,
.m1-goals-card-2,
.m1-goals-card-3,
.m1-goals-card-4 {
  display: flex;
  background-color: white;
  border: 2px solid;
  border-color: #A09C9C;
  color: #5D5555;
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  margin: 4px 2px;
  border-radius: 10px 10px 10px 10px;
  padding: 10px;
  width: 170px;
  height: 105px;
  text-decoration: none;
}



.m1-goals-card-1-img,
.m1-goals-card-2-img,
.m1-goals-card-3-img,
.m1-goals-card-4-img {
  font-size: 25px;
  width: 30px;
}


.m1-goals-card-1:hover,
.m1-goals-card-2:hover,
.m1-goals-card-3:hover,
.m1-goals-card-4:hover {

  background-color: #892E1B;
  color: white;
  cursor: pointer;
}

.m1-goals-card-1-hover,
.m1-goals-card-2-hover,
.m1-goals-card-3-hover,
.m1-goals-card-4-hover {

  background-color: #892E1B;
  color: white;

}

.m1-goals-card-content {
  flex: 3;
  display: flex;
}

.m1-goals-narrative-steps1,
.m1-goals-narrative-steps2,
.m1-goals-narrative-steps3,
.m1-goals-narrative-steps4 {
  display: none;
}

#yearly-parameters-with {
  display: none;
}


/** spinner overlay for loading **/
.spanner {
  position: absolute;
  top: 50%;
  left: 0;
  background: #2a2a2a55;
  width: 100%;
  display: block;
  text-align: center;
  height: 300px;
  color: #FFF;
  transform: translateY(-50%);
  z-index: 1000;
  visibility: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  visibility: hidden;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {

  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes load7 {

  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.show {
  visibility: visible;
}

.spanner,
.overlay {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.spanner.show,
.overlay.show {
  opacity: 1
}

//---------------CUSTOM SIZE STYLING---------------//

// Add class `.custom-switch-lg` to a `custom-switch`
.custom-switch.custom-switch-lg {
  padding-bottom: 1rem;
  padding-left: 2.25rem;

  & .custom-control-label {
    padding-left: .75rem;
    padding-top: 0.15rem;

    &::before {
      border-radius: 1rem;
      height: 1.5rem;
      width: 2.5rem;
    }

    &::after {
      border-radius: .65rem;
      height: calc(1.5rem - 4px);
      width: calc(1.5rem - 4px);
    }
  }

  .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(1rem);
  }
}

.tables-card-container {
  margin-top: 20px;
  margin-bottom: 10px;
}

.tables-card-container-result {
  margin-top: 20px;
  margin-bottom: 10px;
}

.download-button {
  margin-top: 10px;
  margin-bottom: 20px;
}

.goals-narrative-step-text-m1 {
  font-weight: normal;
}

#input-parameters,
.input-parameters {
  display: flex;
  flex-wrap: wrap;
}

.input-parameters-card {
  flex: 1;
}

.input-parameters-card-padded {

  margin-top: 30px;
}

.financial-index-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 20% 16% 16% 16% 16% 16%;

  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
  grid-auto-rows: minmax(min-content, max-content);
}

.financial-index-parameters-container div.item {
  /*align-self: end;*/

}

.financial-index-parameters-container div.item input {
  width: 90%;
  border-radius: 5px;
  border: 1px solid;
  border-color: #5D5555;
}

.financial-domestic-costs-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 30% 33% 33%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
}

.financial-capital-loan-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 30% 70%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
}

.financial-other-livestock-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
}

.financial-food-security-parameters-container {
  padding: 20px;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 20px 20px;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  justify-items: stretch;
  align-items: stretch;
  color: #322828;
  font-size: 14px;
  border-left: 1px solid #9DDAE5;
}


.m1-team-table-container {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m1-tech-team-add-card {
  border-radius: 5px;
  background-color: #4EA0AB;
  color: white;

  min-width: 200px;
  display: flex;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 10px;
  font-size: 14px;
}

.m1-tech-team-add-text a {
  color: white;
}

.m1-team-table-add {
  margin: auto;
  width: 20%;
}

.back-next-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.project-summary-step {
  display: flex;
}

.projects-table-container {
  margin-top: 30px;
}

table#projects-table.home-project-table.dataTable tbody th,
table#projects-table.home-project-table.dataTable tbody td {
  padding: 0;
}

.home-image-container {
  width: 100%;
  text-align: center;
}

.form-container {
  margin-top: 40px;
}

.steps-card {
  display: flex;
  /*width: 260px;*/

  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  /* 5px rounded corners */
  background-color: #EEEEEE;
  margin: 10px;
  font-size: 14px;
}


.project-nr-animals-container {
  display: flex;
  flex-wrap: wrap;
}

.project-nr-animals-col1 {
  flex: 2;
  margin-right: 10px;
}

.project-nr-animals-col2 {
  flex: 3;
}

.info-icon {
  align-self: center;
  margin-left: 5px;
}

.info-icon-steady {
  align-self: center;
}

.yellow {
  background-color: #FFCB14;
}


.green {
  background-color: #54a1aa;

}

.update-button {
  padding: 20px;
  text-align: center;
}

.simulation-name {
  margin-top: 20px;
  margin-bottom: 20px;
}

.button-yellow {
  border-radius: 5px;
  padding: 10px;
  background-color: #FFCB14;
  color: black;
  text-align: center;
}

.button-yellow a {
  color: black;
}

.lps-card-vertical-spacer {
  flex-grow: 1;
}

.expander {
  flex-grow: 1;
}

.table-buttons {
  display: flex;
  flex-wrap: wrap;
}

.page-text {
  margin-top: 20px;
  margin-bottom: 10px;
}

.card-button-container {
  display: flex;
  justify-content: center;

}

form#simulation-form input#id_name {
  width: 100%;
}

.comparison-table-container {
  padding: 20px;
}

#tableForm ul {
  list-style-type: none;
}

.undo-redo-buttons {
  padding: 15px;
}


div.tables-card-container-result .tab-content>.tab-pane:not(.active),
.pill-content>.pill-pane:not(.active) {
  display: block;
  height: 0 !important;
  overflow-y: hidden !important;
  zoom: 1 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  border: none;
}

div.tables-card-container-result .tab-content>.tab-pane:not(.active),
.pill-content>.pill-pane:not(.active),
.p-4 {

  padding: 0;
}

.row-interaction {
  margin: 10px;
}

.row-interaction button {
  border: 1px solid #4EA0AB;
  background-color: #4EA0AB;
  border-radius: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-appearance: button;
  cursor: pointer;
  color: white;
}

form.project-form input#id_name {
  width: 100%;
}

form#lpsForm.project-lps-form input#id_name {
  width: 45%;
}

#lps_production_list_table,
#subsystem_aggregated_production_list,
#lps_type_aggregated_production_list {
  font-size: 12px;
}

#T_lps_production_list_table,
#T_subsystem_aggregated_production_list,
#T_lps_type_aggregated_production_list {
  font-size: 12px;
}

.summary-table {
  padding-top: 10px;
  padding-bottom: 20px;
}

.table-div {
  margin-bottom: 50px;
}

/* choose indicators */
#demographic_indicators_1_container {
  background-color: #54a1aa;
  border: 1px solid #A09C9C;
  border-radius: 5px;
  padding: 10px;
  margin: 20px;
}

#ss1-group,
#ss2-group,
#baseline-group {
  display: flex;
}

.undo-redo-save-buttons {
  display: flex;
}