:root {
--bs-body-font-family: "Segoe UI","Segoe",Tahoma,Geneva, Verdana,sans-serif;
}

/* This is from Ayuda.html */
select, option {
    color: #000000;
}
select option:hover {
    background-color: rgb(33, 135, 204);
}

/* body { margin: 0; padding: 0; }
position: absolute; top: 0; bottom: 0;
*/
#map { width: 100%;height:100%; }

#lots {
    max-height: 40vh;
    max-width: 100%;
    overflow-x: hidden;
}

#logo {padding: 0px 1em 1em 0px; width:104px; height:120px; }

fieldset, legend {
   all: revert;
}

.esri-legend {
 overflow:hidden;
 overflow-y:auto;
 border: 1px solid black;
}
.esri-legend__message {
 padding:.5em 1em
}
.esri-legend__service {
 padding:12px 15px;
 word-wrap:break-word;
 border-bottom:1px solid rgba(110,110,110,.3)
}
.esri-legend__service:last-child {
 border-bottom:none
}
.esri-legend__layer {
 margin-left:7px
}
.esri-legend__group-layer-child {
 margin-left:7px;
 padding-left:0;
 padding-right:0
}
.esri-legend__layer-table {
 display:flex;
 flex-flow:column;
 width:100%;
 margin-bottom:12px
}
.esri-legend__layer-child-table {
 display:table;
 border-collapse:collapse;
 width:100%;
 margin-bottom:12px
}
.esri-legend__layer-body {
 margin-left:7px
}
.esri-legend__layer-row {
 display:flex
}
.esri-legend__layer-cell {
 min-width:100px;
 word-break:break-word;
 padding:4px 0;
 vertical-align:middle
}
.esri-legend__layer-cell--symbols {
 min-width:10px;
 text-align:center
}
.esri-legend__layer-table--size-ramp {
 display:table
}
.esri-legend__layer-table--size-ramp .esri-legend__layer-row {
 display:table-row
}
.esri-legend__layer-table--size-ramp .esri-legend__layer-cell {
 display:table-cell
}
.esri-legend__size-ramp~.esri-legend__layer-cell--info {
 max-width:80%;
 width:80%
}
.esri-legend__layer-cell--info {
 font-size:12px;
 padding-left:7px;
 padding-right:7px;
 word-wrap:normal;
 word-break:normal;
 max-width:250px
}
.esri-legend__imagery-layer-image--stretched {
 margin-bottom:-2px;
 display:block
}
.esri-legend__imagery-layer-cell--stretched {
 vertical-align:top;
 line-height:1;
 padding:0
}
.esri-legend__imagery-layer-info--stretched {
 vertical-align:top;
 padding:0 2px
}
.esri-legend__symbol {
 display:block;
 margin:auto
}
.esri-legend__layer-caption {
 display:table-caption;
 padding:6px 0;
 word-break:break-word
}
.esri-legend__ramp-labels {
 display:flex;
 flex-flow:column nowrap;
 justify-content:space-between
}
.esri-legend__ramps {
 margin-left:3px
}
.esri-legend__color-ramp {
 width:24px
}
.esri-legend__opacity-ramp {
 background-image:url("../base/images/transparent-bg.png")
}
.esri-legend__ramp-tick {
 position:absolute;
 width:4px;
 border-top:1px solid rgba(110,110,110,.3);
 line-height:0;
 right:1px;
 left:auto
}
.esri-legend__ramp-label {
 position:relative;
 padding:0 7px;
 white-space:nowrap;
 line-height:1em;
 font-size:12px
}
.esri-legend__ramp-label:before {
 position:absolute;
 top:.25em;
 right:100%;
 display:block;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-width:3px 4px 3px 0;
 border-color:transparent rgba(50,50,50,.8) transparent transparent
}
.esri-legend__ramp-label:first-child {
 margin-top:-4px
}
.esri-legend__ramp-label:last-child {
 bottom:-3px
}
.esri-legend-layer-caption {
 display:table-caption;
 padding:6px 0
}

// Bootstrap 5.2
// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

h1 {font-size:1rem !important;} /*1rem = 16px*/

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
    h1 {font-size:1rem !important;} /*1rem = 16px*/
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
    h1 {font-size:1rem !important;} /*1rem = 16px*/
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
    h1 {font-size:1rem !important;} /*1rem = 16px*/
}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
    h1 {font-size:1rem !important;} /*1rem = 16px*/
}

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {
    h1 {font-size:1rem !important;} /*1rem = 16px*/
}
