html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
.calcite-bgcolor-red{
    background-color: #d70004 !important;
  }

div#idioma > a {
    color: white;
}
div#idioma {
    padding: 15px;
    color: white;
}

.idioma.active {
  font-weight: 800;
}
.btn-primary {
  color: #fff;
  background-color: #d70f03;
  border-color: #9a130b;

}
.calcite-panels .panel {
  margin-top: 0;
  border: none;
  border-radius: 0;
  font-size: 13px;
  background-color: white!important;
  height:auto!important; 
}
.calcite-panels .panel-body {
    padding: 5px 10px !important; 
	
	margin-bottom:0px !important;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #9a130b;
  border-color: #9a130b;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #9a130b;
  border-color: #9a130b;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #9a130b;
  border-color: #9a130b;
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #9a130b;
  border-color: #9a130b;
}
.dropdown-menu1 .menu2D3D{

  position: absolute;
  display: block;
  visibility: visible;
  background-color: #fff;
}
#menuFlotanteNav{
  background-color: #fff;
}
#menuFlotanteNav3D{
  background-color: #fff;
}
 ul{
  list-style-type: none;
  display: contents;
} 

ul {
  display: inline;
}

@supports (display: contents) {
  ul { display: contents; }
}


#menuFlotante ul {
  list-style-type: none;
  margin: 0;
  padding: 0;

}

#menuFlotante li {
  float: left;
}

#menuFlotante li a {
  display: block;
  color: black;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

#menuFlotante li a:hover {
  color:white;
  background-color: #d70f03;
}



/* div#idioma_flotante{
  color: black;
  display: FLEX;
}

/* .flotante{
  
  display: flex!important;
  height: 4.6rem;
} */


#idioma_flotante.active {
font-weight: 800;
}  

@media (max-width: 768px){
  .calcite-panels {
    width: 50%;
}
  .calcite-panels-left, .calcite-panels-right {
    align-items: flex-end;
}

.calcite-panels-left, .calcite-panels-right {
    right: 0;
    left: 5.5rem;
   
}
}

@media (max-width: 665px){
  .calcite-panels {
    width: 60%;
}
  .calcite-panels-left, .calcite-panels-right {
    align-items: flex-end;
}
}
@media (max-width: 450px){
  .calcite-panels {
    width: 100%;
}
.calcite-panels-left, .calcite-panels-right {
  right: 0;
  left: 0;
 
}
}

.esri-ui-corner .esri-component #menuFlotanteNav{
  box-shadow:0px 0px 0px rgba(0,0,0,0.3);
}
.esri-scale-bar__label {
    text-shadow: none!important;
	}

/* .calcite-panels.calcite-bg-light .panel-heading {
  background-color: #cc1d1d;
  color: white;
}
.calcite-panels .panel-close .esri-icon.esri-icon-close {
  font-size: 13px;
  color: white;
} */
.chivato{
display: block;
    /*width: 30rem;*/
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.2rem 0.6rem;
    font-weight: 400;
	color: white;
	font-size: 10px;
}
.classScale{
	color: white;
	text-align: right;
	margin-top: 10px;
	font-weight: 600;
    font-size: 10px;
}