select{
    max-width: 85%;
}
section{
	margin: 20px 0;
	padding: 20px 0;
	border-bottom: 1px solid #eef !important;
}
h5{
    text-align: center;
}
.warningMsg{
    background: linear-gradient(0deg, rgba(244, 223, 104, 0.8) 0%, rgba(246, 249, 42, 0.51) 35%, rgba(248, 251, 189, 0.04) 100%);
    font-size: 1rem;
    padding: 1em;
    line-height: normal;
    margin-bottom: 20px;
}
.errorMsg{
    background: rgb(236, 206, 206);
    background: linear-gradient(0deg, rgb(208, 40, 40) 0%, rgba(230, 47, 26, 0.46) 75%, rgba(255, 120, 120, 0.08) 100%);
    font-size: 1rem;
    padding: 1em;
    line-height: normal;
    color: #fff;
    margin-bottom: 20px;
}
.okMsg{
    background: rgb(58,139,0);
    background: linear-gradient(0deg, rgb(75, 138, 29) 0%, rgba(119, 170, 86, 0.9) 35%, rgba(192, 255, 189, 0.26) 100%);
    font-size: 1rem;
    padding: 1em;
    line-height: normal;
    color: #042407;
    margin-bottom: 20px;
}
.error{
    color: red !important;
}
.content-body > section {
	margin: 0;
	overflow: hidden;
	padding: 4em 0;
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), inset 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.025);
	text-align: center;
}
.content-body > section.one {
	background-color: #b5cfcf;
	background-image: url("../../images/banner.jpg");
}
.content-body > section.two {
	background-color: #bbd3d3;
	background-image: url("../../images/banner.jpg");
}
.content-body > section.three {
	background-color: #cad3d3;
	background-image: url("../../images/banner.jpg");
}
.content-body > section.four {
	background-color: #d9dddd;
	background-image: url("../../images/banner.jpg");
}
.oculto{
    display: none;
}

input[type="button"]{
    color:#fff;
    font-size:1rem;
    line-height:1.5;
    padding:.5em 2em;
}

input[type="button"].button-primary{
    background-color:#32425b;
}

input[type="button"].button-primary:hover{
    color:#fff;
}
input[type="button"].button-primary:visited{
    color:#fff;
    background-color:#32425b;
}
form{
    display: inherit;
}
.enlace{
    cursor: pointer;
    padding-left: 10px;
    text-align: center;
}
#buttons1{
    grid-area: b;
}
.hiddenrows {
    display: none;
}
.formtable td{
  text-align: left;
}
#northarrow {
    width: 30px;
    height: 50px;
}
#udpmapdiv {
    max-width: 450px;
    max-height: 450px;
    min-width: 350px;
    min-height: 350px;
}
#parchestable{
    min-width: 350px;
}
#bbtop,#bbbottom, #biodivreport, #udpDiversity{
    max-width: 450px;
    min-width: 350px;
}
#parchestable{
    padding: 1em;
    text-align: center;
}
#scaleImage{
    max-width: 100%;
}
#biodivreport p {
    margin-bottom: 0px !important;;
}

.table-responsive.table-secondary .table-title {
 background-color:#6b734e;
 color:#fff;
 margin:0;
 padding:.5em 0;
 text-align:center
}
.table-responsive.table-secondary thead tr th {
 background-color:#a8dadb;
 color:#6b734e
}
.table-responsive.table-secondary .bg-green th {
 background-color:#6b734e;
 color:inherit
}
.table-responsive.table-third {
 width:100%
}
.table-responsive.table-third table thead {
 background-color:#32425b;
 text-transform:uppercase
}
.table-responsive.table-third .table-striped>tbody>tr:nth-of-type(odd)>* {
 --bs-table-accent-bg:#fff
}
.table-responsive.table-third .table-striped>tbody>tr:nth-of-type(2n)>* {
 background-color:#6b734e;
 color:#fff
}

.table > :not(caption) > * > * {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    border-collapse: collapse;
}
.legendColorBox {
    height: 10px;
    width: 10px;
    border: 0.02pt solid black;
    display: inline-block;
    margin-top: 0px;
    margin-right: 5px;
  }

  #addLineaOsoSpan,#addMedicionSpan{
    margin-left: 65%;
  }
  .addLink{
    margin-top: -1rem;
  }
  #arbustospan, #mamiferospan{
    float:left;
    margin-left: 20px;
  }
  #endScale{
    float:right;
  }
  .featureInfoTable{
	display:none !important;
  }
  #mapcontrol > div > .form-group > .p-2 {
  	display: none;
  }