.bi-files{
    color: rgba(0, 44, 100, 0.902);
    font-size: 2em;
}


.bi-pencil-fill{
  color: rgb(0, 176, 189);
  font-size: 1.7em;
}


.swal2-show {
animation: swal2-show .5s !important; 
}

.tooltipAvaluos {
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  padding: 6px;
  background-color: rgb(255, 255, 255);
  border: 1px solid  rgba(0, 123, 145, 0.900);;
  border-radius: 25px;
  color:  rgb(22, 22, 22);
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
}


.tooltipAvaluosConst {
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  padding: 6px;
  background-color: rgb(255, 214, 252);
  /* border: 1px solid  rgb(145, 5, 129); */
  border: 1px solid  rgb(71, 2, 63);
  border-radius: 25px;
  color:  rgb(22, 22, 22);
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
}

  
  .tooltipAvaluosTerr {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    padding: 6px;
    background-color: rgb(215, 255, 255);
    /* border: 1px solid  rgb(255, 239, 9); */
    border: 1px solid  rgb(28, 95, 100);
    border-radius: 25px;
    color:  rgb(22, 22, 22);
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
    }



      


    .tooltipAvaluosTerrRust {
      font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      font-size: 12px;
      font-weight: 900;
      position: absolute;
      padding: 6px;
      background-color: rgb(244, 255, 196);
      /* border: 1px solid  rgb(255, 239, 9); */
      border: 1px solid  rgb(112, 117, 37);
      border-radius: 25px;
      color:  rgb(22, 22, 22);
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
      }

      

    .tooltipAvaluosEmp {
      font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      font-size: 12px;
      font-weight: 900;
      position: absolute;
      padding: 6px;
      background-color: rgb(255, 255, 255);
      /* border: 1px solid  rgb(255, 239, 9); */
      border: 1px solid  rgb(102, 102, 102);
      border-radius: 25px;
      color:  rgb(22, 22, 22);
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
      }
  

.swal-wide{
width:auto !important;

}

body {
padding: 0;
margin: 0;
}
html, body, #map {
height: 100%;
width: 100vw;
}

#map {
width: 100%;
height: 100vh;
}

#ModalRPP {
position: absolute;
}

@media (max-width: 200px) {
#was {

display: none;

} }

@media (min-width: 200px) and (max-width: 300px) {
#was {
height: auto;
width: 100px;
/* font-size: 5px; */
/* size: 5px; */
text-align:center;
border-radius:100px;
/* background: rgba(0, 44, 100, 0.8); */
background: rgba(48, 48, 48, 0.5);
color: rgba(255, 255, 255, 0.9); 
position:absolute;
top:10px;
padding: .2%;
padding-top: .5%;
padding-left: 2%;
padding-right: 2%;
left:calc(50% - 200px);
right: calc(50% - 200px);
margin:auto;
z-index: 1000;
display: inline-block;
/* min-width: fit-content;
min-height: fit-content; */
} }

@media (min-width: 300px)  and (max-width: 500px) {
#was {
height: auto;
width: 200px;
text-align:center;
border-radius:100px;
background: rgba(48, 48, 48, 0.5);
color: rgba(255, 255, 255, 0.9); 
position:absolute;
top:10px;
padding: .2%;
padding-top: .5%;
padding-left: 2%;
padding-right: 2%;
left:calc(50% - 200px);
right: calc(50% - 200px);
margin:auto;
z-index: 1000;
display: inline-block;
/* min-width: fit-content;
min-height: fit-content; */
} }


@media (min-width: 500px){
#was {
height: auto;
min-width: 200px;
text-align:center;
border-radius:100px;
background: rgba(48, 48, 48, 0.5);
color: rgba(255, 255, 255, 0.9); 
position:absolute;
top:10px;
padding: .2%;
padding-top: .5%;
padding-left: 2%;
padding-right: 2%;
left:calc(50% - 200px);
right: calc(50% - 200px);
margin:auto;
z-index: 1000;
display: inline-block;
/* min-width: fit-content;
min-height: fit-content; */
} }



#sidebar {
z-index: 1000;
/* display: none; */

}


.tooltipCatastro {
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 15px;
position: absolute;
padding: 6px;
background-color: rgba(255, 81, 0, 0.700);
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 15px;
color: rgb(255, 255, 255);
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
}

.tooltipManzana {
  height: 35px;
  width: 35px;
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
font-size: 18px;
text-align: center;
position: absolute;
padding: 3px;
background-color: rgba(209, 163, 64, 0.200);
border: 3px solid rgba(0, 0, 0, 0.200);
border-radius: 100px;
color: rgb(0, 0, 0);
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
}

.button {
background-color: #4CAF50;
border: none;
color: white;
border-radius: 50px;
padding: 8px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
cursor: pointer;
}

.button2 {
background-color: #008CBA;
font-size: small;
color: #fefefe;
}

.button3 {
background-color: #cf1010;
}


.textarea1 {
resize: none;
width: 180px;
height: 27px;

}

.iconGob {
background: url("image/venadito_2.png");
background-repeat: no-repeat;
background-position: right;
height: 30px;
width: 30px;
position: relative;
/* display: block; */
display: flex;
margin-left: 5%;
}

.iconLayerControl {
background: url("lib/leaflet/plugins/images/layerControl.png");
height: 30px;
width: 30px;
display: block;
}

.leaflet-container .leaflet-control-search {
	position:relative;
	float:left;
	background:#fff;
	color:#1978cf;
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index:1000;	
	margin-left: 0px;
	margin-top: 0px;
}

.leaflet-control-search.search-exp {
background: rgba(255, 255, 255, 0);
border: none;
background-clip: padding-box;	
padding-top: 30px;

}

.leaflet-control-search .search-button {
border-radius:50px;
margin:3px 0px 10px 10px;

}

.leaflet-control-search .search-input {
display:block;
float:left;
background: #fff;
border:1px solid #666;
border-radius:13px;
height:30px;
width: 160px;
padding:0 0px 0 2px;
margin:4px 0 4px 4px;
}


.leaflet-control-search .search-cancel {
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	right:40px;
	margin:8px 0;
	/* background: url('images/search-icon.png') no-repeat 0 -46px; */
	text-decoration:none;
	filter: alpha(opacity=80);
	opacity: 0.8;		
}

.info {
padding: 10px 12px;
font: 14px/16px Verdana, Geneva, sans-serif;
background: white;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 15px rgba(0,0,0,0.2);
border-radius: 5px;
border: 2px solid rgba(0,0,0,0.2);

}
.info h4 {
font-family: Verdana, Geneva, sans-serif;
margin: 0 0 5px;
color: rgb(6, 85, 129);
}
.legend {
line-height: 18px;
color: #555;
}
.legend i {
width: 18px;
height: 18px;
float: left;
margin-right: 8px;
opacity: 0.7;
}

/* ------- */
.leaflet-control-layers-expanded.leaflet-control-layers-minimap {
width: 300px;
}

.leaflet-minimap-container {
height: 100px;
}
/* ------- */


a[data-fancybox] img {
cursor: zoom-in;
}

.fancybox__caption {
text-align: center;
}

table {
width: auto;
font-size: 10px;
font-weight: 700;
}

td {
text-align: center;
}

th {
font-weight: 400;
text-align: center;
background-color: rgba(0, 44, 100, 0.902);
color: #fefefe;
}

/* --------- */
.modal-header {
padding-top: 5px;
background-color: rgba(0, 44, 100, 0.902);
color: white;
}

.modal-body {
padding-bottom: 0px;
padding-top: 8px;
}

.modal-footer {
padding: 2px 16px;
background-color: rgba(0, 44, 100, 0.902);
color: white;
}

.modal-content {
padding-bottom: 0px;
overflow-x: auto;
position: relative;
background-color: #fefefe;
margin: auto;
border: 1px solid rgb(218, 218, 218);
width: 100%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
animation-name: animatetop;
animation-duration: 0.4s;
}
/* --------- */

.my-custom-scrollbar {
width: 100%;
max-height: 450px !important;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}

.bi-book{
color: #30baba;
font-size: 1.5em;
}


.bi-file-pdf{
color:#cf1010;
font-size: 1.5em;
}

.bi-eye{
color: #1f96f8;
font-size: 1.5em;
}

.bi-clipboard2-check{
color: #5e66cc;
/* font-size: 1.2em; */
}


.bi-trash3{
color: #5e66cc;
/* color: rgb(94, 102, 204); */
/* font-size: 1.2em; */
}


.leaflet-measure-resultpopup a.zoomto{
  background-size:17px 17px;
  color:#5e66cc;
}

.leaflet-measure-resultpopup a.deletemarkup{
  padding: 20px;
  background-size:13px 15px;
  color:#5e66cc;
}
.fa-home{
margin: .10em;
font-size: 1.5em;
}

.fa-file-text{
margin: .10em;
margin-left: .30em;
font-size: 1.5em;
}

.bi-map{
color: rgba(0, 44, 100, 0.902);
font-size: 2em;
}

.bi-house-fill{
color: rgba(0, 44, 100, 0.902);
font-size: 2em;
}

.bi-pencil-square{
color: #006250;
font-size: 2em;
}

.bi-trash3-fill{
color: rgb(163, 35, 35);
font-size: 2em;
}

.bi-check-circle-fill{
color: rgba(17, 216, 76, 0.902);
font-size: 2em;
}

.bi-file-earmark-text-fill{
color: rgba(0, 44, 100, 0.902);
font-size: 2em;
}

.leaflet-control-search .search-tip {
display: none;
}

.dropdown-menu {
max-height: 380px;
overflow-y: auto;
}

.leaflet-control-layers-toggle {
background-image: url("image/layers-2x.png");
/* background-image: url(images/layers.png); */
width: 36px;
height: 36px;
}

.leaflet-control-layers-expanded {
/* font-size: 1rem; */
width: 100%;
height: 100%;
padding: 0px 0px 0px 0px;
color: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0);
border-radius: 0px;
}

.leaflet-touch .leaflet-control-layers-expanded,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0);
}

#img {
border-radius: 50%;
}

/* .leaflet-control-layers {
background-color: rgba(51, 51, 51, 0);
border-radius: 50px;
} */


#loading {background-color: #ffffff; width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 2000}

#loading-image {position: absolute;top: 40%;left: 45%;z-index: 3000} 

.tooltip-inner {
/* If max-width does not work, try using width instead */
/* width: 250px;  */
max-width: 250px;
height: auto;
/* background-color: #008CBA; */
font-size: large;
}

.hide {
height: 100px;
width: 100px;


pointer-events: none;
opacity: 0;
transition: opacity .8s ease-in-out;
}

.show {
opacity: 1; 
pointer-events: all;
}

/* popGroup {
display: none;
} */

.leaflet-control-loading.is-loading,
.leaflet-control-zoom a.leaflet-control-loading.is-loading,
.leaflet-control-zoomslider a.leaflet-control-loading.is-loading,
.leaflet-control-layer-container.is-loading {
display: block;
background-color: rgba(255, 0, 0, 0);
border: rgba(255, 0, 0, 0);

}

.switch {
position: relative;
display: inline-block;
width: 45px;
height: 24px;
}

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

.slider {
position: absolute;
cursor: pointer;
/* margin-top: 10px; */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
/* margin-top: 10px; */

content: "";
height: 18px;
width: 18px;
left: 2px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(23px); /*This*/
  }

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

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}



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

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

.bi-rulers{
color: rgba(255, 255, 255, 0.902);
font-size: 1.5em;
}

.bi-arrow-clockwise{
color: rgba(255, 255, 255, 0.902);
font-size: 2.0em;
}

.bi-geo-fill{
  color: rgba(255, 255, 255, 0.902);
  font-size: 2.0em;
}

.bi-search{
color: rgba(255, 255, 255, 0.902);
font-size: 2.5em;
cursor: pointer;
}

.bi-search:hover {
  color: rgba(100, 188, 223, 0.902);
  font-size: 2.5em;
  }
  

.bi-geo-alt-fill{
  color: rgba(0, 65, 150, 0.890);
font-size: 2.5em;

}

.bi-geo-alt-fill:hover {
  color: rgba(0, 110, 255, 0.89);
  font-size: 2.5em;
  }

.textEdit0{
  color: rgba(255, 255, 255, 0.902);
  font-size: 15px;
  text-align: center;
  }

  
.textEdit{
color: rgba(255, 255, 255, 0.902);
font-size: 17px;
}

.textEdit11{
  color: rgba(255, 255, 255, 0.902);
  font-size: 17px;
  }

.textEdit9{
  color: rgba(255, 255, 255, 0.902);
  font-size: 17px;
  padding-top: 50px;
  }

  .textEdit10{
    /* padding-top: 50px; */
    margin-bottom: 50px;
    }
  

.textEdit1{
  color: rgba(255, 255, 255, 0.902);
  font-size: 1.3em;
  text-align: center;
  }

  .textEdit12{
padding-top: 5%;
    }

    .textEdit13{
      font-weight: bold;
      font-size: large;
  
      }

      .textEdit14{
        text-align: center;
    
        }
      
  

  /* .wrap {
    height: 200px;
    width: 200px;
    border: 1px solid #aaa;
    margin: 10px;
    display: flex;
  }
   */
  /* .wrap {
    align-self: flex-end;
  } */


.textEdit2{
  display: flex;
color: rgba(255, 255, 255, 0.902);
font-size: 1.1em;
text-align: center;
align-self: flex-end;
}

.botton-log{
  color: rgba(255, 255, 255, 0.902);
  font-size: 1.3em;
  text-align: center;
  margin-top: 90%;
  /* padding-top: 190%; */

  }

.userProf{
  color: rgba(255, 255, 255, 0.902);
  font-size: 1.5em;
  /* text-align: center; */
  }

.textEdit3{
color: rgba(223, 0, 0, 0.902);
font-size: 1em;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-style: normal;
/* text-align: center; */
}

.textEdit4{
padding-left: 1em;
color: rgba(243, 243, 243, 0.802);
font-size: 1.2em;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-style: normal;
/* text-align: center; */
}


.textCenter{
text-align: center;
}

/* Darker background on mouse-over */

.measure-show {
display: block !important;
}

.measure-hide {
display: none !important;
}


.box {
-webkit-backdrop-filter: blur(1px);
/* backdrop-filter: blur(1px); */
backdrop-filter: blur(25px);
}

.box2 {
-webkit-backdrop-filter: blur(3px);
/* backdrop-filter: blur(3px); */
backdrop-filter: blur(25px);
}

/* ------- */
/* .textEdit5{
    color: rgba(243, 243, 243, 0.802);
    font-size: 1.2em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    }

    
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
  }
  
  li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
  }
  
  li a.active {
    background-color: #04AA6D;
    color: white;
  }
  
  li a:hover:not(.active) {
    background-color: #555;
    color: white;
  }
  */

  
  /* .icat {
    height: 100%;
    width: 100%;
    background-color: rgb(0, 202, 27);
    color: rgba(0, 65, 150, 0.890);
  }  */

  .ica {
    width: 100px;
    height: 100px;
    background-color: red;
    animation-name: example;
    animation-duration: 4s;
  }
  
  @keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
  }

  /* .textEdit6{
    color: rgba(0, 65, 150, 0.890);
    }
    
    .textEdit7{
      color: rgba(34, 97, 179, 0.89);
      
      }

      .textEdit8{
        color: rgba(92, 150, 226, 0.89);
        
        } */

        .spin1{
          color: rgba(0, 65, 150, 0.890);
          position: absolute;
          top: 50%;
          left: 47%;
          margin-left: -50px;
          margin-top: -50px;
      }

        .spin2{
          color: rgba(34, 97, 179, 0.89);
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -50px;
          margin-top: -50px;
      }

        .spin3{
          color: rgba(92, 150, 226, 0.89);
          position: absolute;
          top: 50%;
          left: 53%;
          margin-left: -50px;
          margin-top: -50px;
      }




      ::-webkit-scrollbar {
        width: 15px;
        border-radius: 100px;

      }
      
      /* Track */
      ::-webkit-scrollbar-track {
        background: rgba(241, 241, 241, 0.11); 
        border-radius: 100px;

      }
       
      /* Handle */
      ::-webkit-scrollbar-thumb {
        background-image: linear-gradient(180deg, #353535 0%, #4d4d4d 99%);
        box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
        border-radius: 100px;
      }
      
      /* Handle on hover */
      ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #3d3d3d 0%, #666666 99%); 
        border-radius: 100px;

      }

      
/* ------------------------------ */

      .lds-ellipsis {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
      }
      .lds-ellipsis div {
        position: absolute;
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: rgb(0, 0, 0);
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
      }
      .lds-ellipsis div:nth-child(1) {
        left: 8px;
        animation: lds-ellipsis1 0.6s infinite;
      }
      .lds-ellipsis div:nth-child(2) {
        left: 8px;
        animation: lds-ellipsis2 0.6s infinite;
      }
      .lds-ellipsis div:nth-child(3) {
        left: 32px;
        animation: lds-ellipsis2 0.6s infinite;
      }
      .lds-ellipsis div:nth-child(4) {
        left: 56px;
        animation: lds-ellipsis3 0.6s infinite;
      }
      @keyframes lds-ellipsis1 {
        0% {
          transform: scale(0);
        }
        100% {
          transform: scale(1);
        }
      }
      @keyframes lds-ellipsis3 {
        0% {
          transform: scale(1);
        }
        100% {
          transform: scale(0);
        }
      }
      @keyframes lds-ellipsis2 {
        0% {
          transform: translate(0, 0);
        }
        100% {
          transform: translate(24px, 0);
        }
      }

      /* ------------------------ */
      .loader {
        width: 64px;
        height: 64px;
        background: rgba(181, 213, 255, 0.89);
        border-radius: 50%;
        transform: rotate(45deg);
        animation: rotate 2s linear infinite;

        position: absolute;
        top: 47%;
        left: 50%;
        margin-left: -50px;
        margin-top: -50px;
      }
      .loader:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 15px;
        height: 30px;
        background: rgba(0, 65, 150, 0.890);
        transform: skew(5deg , 60deg) translate(-50%, -5%);
      }
  
      .loader:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #FFF;
        transform:translate(-50% , -50%);
      }
  
      @keyframes rotate {
        0% { transform: rotate(45deg)}
        30% , 50% , 70%  { transform: rotate(230deg)}
        40% , 60% , 80% { transform: rotate(240deg)}
        100% {  transform: rotate(245deg)}
     }
    
     /* ---------------------- */

     .loader2 {
      width: 120px;
      height: 140px;
      background-image: radial-gradient(circle 30px, rgba(140, 190, 255, 0.89) 100%, transparent 0),
      radial-gradient(circle 5px, rgba(140, 190, 255, 0.89) 100%, transparent 0),
      radial-gradient(circle 5px, rgba(140, 190, 255, 0.89) 100%, transparent 0),
      linear-gradient(rgba(140, 190, 255, 0.89) 20px, transparent 0);
      background-position: center 127px , 94px 102px , 16px 18px, center 114px;
      background-size: 60px 60px, 10px 10px , 10px 10px , 4px 14px;
      background-repeat: no-repeat;
      z-index: 10;
      perspective: 500px;

      position: absolute;
      top: 40%;
      left: 50%;
      margin-left: -50px;
      margin-top: -50px;
    }
    .loader2::before {
      content: '';
      position: absolute;
      width: 100px;
      height: 100px;
      border-radius:50%;
      border: 3px solid rgba(140, 190, 255, 0.89);
      left: 50%;
      top: 50%;
      transform: translate(-50%, -55%) rotate(-45deg);
      border-right-color: transparent;
      box-sizing: border-box;
  }
    .loader2::after {
      content: '';
      position: absolute;
      height: 80px;
      width: 80px;
      transform: translate(-50%, -55%) rotate(-45deg) rotateY(0deg) ;
      left: 50%;
      top: 50%;
      box-sizing: border-box;
      border: 7px solid rgba(0, 65, 150, 0.890);
      border-radius:50%;
      animation: rotate2 0.5s linear infinite;
    }
  
  @keyframes rotate2 {
    to{transform: translate(-50%, -55%) rotate(-45deg) rotateY(360deg)   }
  }

  /* ---------------------------------- */

  /* .leaflet-control-zoom-in,
  .leaflet-control-zoom-out {
      float:right;
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
    }
  .leaflet-control-zoom-out {
    font-size: 24px;
    }
  
  .leaflet-touch .leaflet-control-zoom-in {
    font-size: 24px;
    }
  .leaflet-touch .leaflet-control-zoom-out {
    font-size: 24px;
    } */
      
  .modalText{
text-align: center;

  }

  @media (min-width: 1367px) {
    .modal-lg {
      max-width: 1500px;
    }
  }

  @media (max-width: 1367px) {
    .modal-lg {
      max-width: 800px;
    }
  }


  .modal-header {
    padding-top: 5px;
    background-color: rgba(0, 44, 100, 0.902);
    color: white;
    }
    
    .modal-body {
    padding-bottom: 0px;
    padding-top: 8px;
    }
    
    .modal-footer {
    padding: 2px 16px;
    background-color: rgba(0, 44, 100, 0.902);
    color: white;
    }
    
    .modal-content {
    padding-bottom: 0px;
    overflow-x: auto;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    border: 1px solid rgb(218, 218, 218);
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s;
    }
    
    .leaflet-control-layers-expanded.leaflet-control-layers-minimap {
    width: 300px;
    }
    
    .leaflet-minimap-container {
    height: 100px;
    }


    /* ----------------------------------- TRUE */ 
    .leaflet-sidebar-content {
      border-radius: 0px 17px 17px 0px;
      background-color: rgba(59, 59, 59, 0.75);
    }
      .leaflet-sidebar-left .leaflet-sidebar-content {
        left: 42px;
        right: 1;
      }
      /* ----------------------------- */


    
    
    .leaflet-sidebar-left.leaflet-touch {
      border-radius: 17px 17px 17px 17px;
      box-shadow: 2px 2px 2px rgba(46, 46, 46, 0.150);
      border-right: 2px solid rgba(0, 0, 0, 0.2); 
    }
  
    .leaflet-control-measure{
      max-width:280px;
      background:#fff;
      border-radius: 15px;
  
    }

  #autoUpdate{display:none}

  .bi-person-fill{
    color: rgb(0, 0, 0);
    font-size: 1.2em;

    /* color:rgb(163, 35, 35)(0,66,150, .3) */
    }
    



    .hero-image {
      background-image: url("image/salt-ponds-near-rio-lagartos-yucatan-mexico2.jpg");
      width: 100%;
      height: 100%;
      background-position: center center;
      background-size:cover;
      /* height: 100%; */
      /* background-color: #cccccc;
      height: 1080px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative; */
      /* display: flex;
      align-items: center; */
    }

    .containerCat{
      position: absolute;
      height: 100%;
      width: 100%;
      padding-top: 30%;
    }

    /* .contactus-4 {
      content: "";
      position: absolute;
      height: 100%;
      width: 700%;
      background: rgba(34, 42, 66, 0);
      background-position: 23% 10%;
      left: 0;
      top: 0;
      text-align: center;
      align-items: center;
    
      
    } */

    /* .cardCat {

      border-radius:50px;


      
    } */


    /* Login card */




    @media (max-width: 367px) {
      .cardCat {
        width: 300px;
        height: 350px;
        position: relative;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius:15px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        background-color: rgba(255, 255, 255, 0.719);
        margin-top: 200%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
  
      .containerCheck {
        padding-bottom: 10px;
      }
  
      .containerSubmit { 
        height: 60px;
        position: relative;
      }
  
  
      .submitCat {
        margin: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }  

      .inputRad {
        border-radius: 15px;
        /* height: 100%; */
        width: 100%;
        padding: 12px 2px;
        margin: 6px 0;
        border: 2px solid rgb(192, 192, 192);
      }
  
    }

    @media (min-width: 367px)  and (max-width: 512px) {

      .cardCat {
        width: 300px;
        height: 350px;
        position: relative;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius:15px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        background-color: rgba(255, 255, 255, 0.719);
        margin-top: 140%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
  
      .containerCheck {
        padding-bottom: 10px;
      }
  
      .containerSubmit { 
        height: 60px;
        position: relative;
      }
  
  
      .submitCat {
        margin: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }  

      .inputRad {
        border-radius: 15px;
        /* height: 100%; */
        width: 100%;
        padding: 12px 2px;
        margin: 6px 0;
        border: 2px solid rgb(192, 192, 192);
      }

    }

    @media (min-width: 512px)  and (max-width: 768px) {

      .cardCat {
        width: 300px;
        height: 350px;
        position: relative;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius:15px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        background-color: rgba(255, 255, 255, 0.719);
        margin-top: 100%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
  
      .containerCheck {
        padding-bottom: 10px;
      }
  
      .containerSubmit { 
        height: 60px;
        position: relative;
      }
  
  
      .submitCat {
        margin: 0;          
        position: absolute;
        top: 100%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }  

      .inputRad {
        border-radius: 15px;
        /* height: 100%; */
        width: 100%;
        padding: 12px 2px;
        margin: 6px 0;
        border: 2px solid rgb(192, 192, 192);
      }

    }


    @media (min-width: 768px)  and (max-width: 992px) {

      .cardCat {
        width: 300px;
        height: 350px;
        position: relative;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius:15px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        background-color: rgba(255, 255, 255, 0.719);
        margin-top: 80%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
  
      .containerCheck {
        padding-bottom: 10px;
      }
  
      .containerSubmit { 
        height: 60px;
        position: relative;
      }
  
  
      .submitCat {
        margin: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }  

      .inputRad {
        border-radius: 15px;
        /* height: 100%; */
        width: 100%;
        padding: 12px 2px;
        margin: 6px 0;
        border: 2px solid rgb(192, 192, 192);
      }

      

    }


    @media (min-width: 992px)  and (max-width: 1567px) {
      .cardCat {
        width: 350px;
        height: 350px;
        position: relative;
        /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0; */
        word-wrap: break-word;
        background-clip: border-box;
        border-radius:15px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        background-color: rgba(255, 255, 255, 0.719);
        /* border-radius: 0.25rem; */
        /* -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px); */
        margin-top: 50%;
        /* position: absolute; */
        /* top: 100%; */
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
  
      .containerCheck {
        padding-bottom: 10px;
      }
  
      .containerSubmit { 
        height: 90px;
        position: relative;
        /* border: 3px solid rgb(155, 155, 155);  */
      }
  
  
      .submitCat {
        /* position: absolute; */
        /* margin-top: 100px;
        left:calc(50% - 100px);
        right: calc(50% - 100px); */
        margin: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }  

      .inputRad {
        border-radius: 15px;
        /* height: 100%; */
        width: 100%;
        padding: 6px 20px;
        /* margin: 8px 0; */
        border: 2px solid rgb(192, 192, 192);
      }
    }
  
  
    @media (min-width: 1567px) {
      .cardCat {
        width: 400px;
        height: 370px;
        position: relative;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius:15px;
        border: 1px solid rgba(0, 0, 0, 0.125);
        background-color: rgba(255, 255, 255, 0.719);
        margin-top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
  
      .containerCheck {
        padding-bottom: 10px;
      }
  
      .containerSubmit { 
        height: 80px;
        position: relative;
      }
  
      .submitCat {
        margin: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }  

      .inputRad {
        border-radius: 15px;
        /* height: 100%; */
        width: 100%;
        padding: 12px 2px 12px 2px;
        margin: 2px 0 2px 0;
        border: 2px solid rgb(192, 192, 192);
      }
  
    }

    /* Login card */


    .bg-Cat {
      position: absolute;
      /* background-color: rgba(255, 255, 255, 0.322) !important; */
      background: linear-gradient(rgba(0, 0, 0, 0.362), rgba(255, 255, 255, 0));
      /* width: 50px; */
      height: 75px;

      /* -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px); */
    }

    .bg-footer {
      position: absolute;
      /* background-color: rgba(255, 255, 255, 0.322) !important; */
      background: linear-gradient(rgba(0, 43, 100, 0), rgba(0, 0, 0, 0.362));
      /* width: 50px; */
      height: 75px;
    }




      @media (max-width: 625px) {
        .navText{
          font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
          color: rgb(255, 255, 255);
          font-size: 0.6em;
          }
    
      }


      
      @media (min-width: 625px)  and (max-width: 992px) {
        .navText{
          font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
          color: rgb(255, 255, 255);
          font-size: 0.8em;
          }
      }


      @media (min-width: 992px)  and (max-width: 1367px) {
        .navText{
          font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
          color: rgb(255, 255, 255);
          font-size: 0.8em;
          }
      }
    
    
      @media (min-width: 1367px) {
        .navText{
          font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
          color: rgb(255, 255, 255);
          font-size: 1.2em;
          }
    
      }


      .inputRadCat {
        border-radius: 10px;
        /* height: 100%; */
        /* width: 100%; */
        padding: 2px 2px;
        margin: 3px 0;
        border: 2px solid rgb(192, 192, 192);
      }

/* ---------------------- */
  .footText2{
    text-align: center;

    /* font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #e2e2e2;
    font-size: 1.0em; */
    }

    /* .footer2 {
              border-color: #ffffff;
      position: absolute;
      bottom: 0;
      width: 100%;
    } */

    #footerLog {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding-bottom: 10px;
      padding-right: 30%;
      /* height: 2.0rem; */
    }

@media (max-width: 361px) {
  .footText{
    display: none;
    /* text-align: end;

    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 0.3em; */
    }

    #footer {
      display: none;
      /* position: absolute;
      bottom: 0;
      width: 100%;
      height: 1.0rem; */
    }

}

@media (min-width: 362px)  and (max-width: 661px) {
  .footText{
    text-align: center;

    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 0.4em;
    }

    #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 2.0rem;
    }
}


@media (min-width: 662px)  and (max-width: 991px) {
  .footText{
    text-align: end;

    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 0.5em;
    }

    #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 2.0rem;
    }


}


@media (min-width: 992px)  and (max-width: 1367px) {
  .footText{
    text-align: end;

    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 0.7em;
    }

    #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 2.0rem;
    }





}


@media (min-width: 1367px) {
  .footText{
    text-align: end;

    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 0.9em;
    }

    #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 2.2rem;
    }



}

      
      .prevent-select {
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */
      }

      .btn-Cat {
        border-radius: 50px;
        color: #fff;
        background-color: #754dc5;
        border-color: #754dc5;
      }
      
      .btn-Cat:hover {
        color: #fff;
        background-color: #9374cf;
        border-color: #9374cf;
      }
      
      .btn-Cat:focus, .btn-Cat.focus {
        box-shadow: 0 0 0 0.2rem rgba(132, 0, 255, 0.5);
      }


      .side-right {
        /* float: right; */
        /* float: inline-start; */
        padding-left: 185px;
      }

      .formatCat {
padding-top: 100px;

      }

      .bi-card-checklist {
        padding-right: 10px;
        color: rgb(99, 245, 255);
        font-size: 2.5em;

        /* border-radius: 10px;
        background-color: #b6c6d4; */
        /* border-color: #31156b; */
        /* border-width: 5px;
        padding: 10px; */
      }

      .bi-box-arrow-right {
        /* padding-left: 10px; */
        padding-right: 7px;
        color: rgb(255, 100, 100);
        font-size: 1.5em;

      }



      .doorClass {
        font-size:1em; font-weight:350; color:#800000'
      }


      
/* ------------------ */
/* .muniList{
  position:absolute;
  transition: 1s all;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  margin-left: -40px;
  margin-top: 0px;
  color: #fff;
  list-style: none;
  display: block;
  border-top-right-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
} */


.body_cat li{
  transition: 1s all;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  /* padding: 15px; */
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  margin-left: -40px;
  margin-top: 0px;
  color: #fff;
  list-style: none;
  display: block;
  border-top-right-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
}

.body_cat li:hover{
  transition: .5s all;
  color: #2f89fc;
  background-color: rgba(42, 56, 65, 0.82);
  border-top-right-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  cursor: pointer;
}

.body_cat > li{
  float: left;
}

.body_cat li ul{
  background: #1E2B32;
  margin-left: 280px;
  margin-top: -38px;
  display: none;
  position: absolute;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
}

.body_cat li:hover > ul{
  display: block;
  cursor: pointer;
}
/* ------------------------- */
.inputCat {
width: 150px;
margin:0px auto; 
display:block;
  }

  .labelCenter {
text-align: center;
      }

.testCat {
  border: 7px solid rgba(0, 92, 134, 0.582);

}

.textCatClass {
  /* color: rgb(255, 255, 255); */
  font-weight: 900;
  font-size: 1.15em;

}

.textCatClass2 {
  color: rgb(255, 255, 255);
  background-color: rgba(0, 92, 134, 0.682);
  padding: 10px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 1.30em;

}


/* ------------------------ */

/* .marker-pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: rgb(195, 11, 130);
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
} */

.marker-pin::after {
    content: '';
    width: 5px;
    height: 5px;
    margin: 3px 0 0 3px;
    background: #0712ac;
    position: absolute;
    border-radius: 50%;
 }

/* ------------------------- */

.loading-msg {
  font-style: italic;
  color: blue;
}
.error-msg {
  font-style: italic;
  color: red;
}

/* -------------------- */

.inputRadFolio {
  font-size: 1.3em;
  border-radius: 50px;
  /* height: 50px; */
  width: 100%;
  /* padding: 10px 10px; */
  border: 2px solid rgb(192, 192, 192);
  margin-right: -10px;
  /* margin-top: 20px; */
  margin-bottom: 7px;
}

/* .searchSize{
  font-size: 1.7em;
}

.searchSize:hover {
  font-size: 1.7em;
} */

.catMargin {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}

.catMarginBG {
    background-color:#353535;
    color: #006250;
}

/* ------------------ */

.catMargin {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
}

.catMargin2 {
  padding-left: -8%;
  margin-left: -8%;
}

#collapse {
  background-color: transparent !important;
}

.card {
  background-color: transparent !important;
  border: none;
}

.card-header {
  background-color: transparent !important;
}

.card-body {
  background-color: transparent !important;
}

/* ---------------------- */

.modal-content {
    background: rgba(255, 255, 255, 1); 
    /* backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);  */
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px 0 rgba(121, 121, 121, 0.37);
    color: #000000;
}


.modal-header {
    background: rgba(63, 63, 63, 1); 
    /* backdrop-filter: blur(10px); */
    /* -webkit-backdrop-filter: blur(10px);  */
    border: 1px solid rgba(255, 255, 255, 0);
    box-shadow: 0 8px 32px 0 rgba(87, 87, 87, 0);
    color: #ffffff;
}

th {
font-weight: 400;
text-align: center;
background-color: rgb(63, 63, 63);
color: #fefefe;
}

/* --- */

/* #ModalRPP .modal-dialog {
    max-width: 90%;
    height: 80vh;
}

#ModalRPP .modal-content {
    height: 100%;
}

#ModalRPP .modal-body {
    overflow-y: auto;
}

.col {
  height: 100%;
} */


.tooltipManzanaLabel {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: transparent; /* ocultamos el texto original */

    /* Evita espacio adicional alrededor */
    padding: 0;
}

.tooltipManzanaLabel::before {
    content: attr(data-label);
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #CDB88B;
    background-color: #ffffdeb2;
    color: #444;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}


.leaflet-control-layers-overlays label input[type="checkbox"]:disabled + * {
    opacity: 0.5;
    pointer-events: none;
}


/* .etiqueta-manzana {
    font-size: 10px;
    font-weight: bold;
    color: black;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1px 3px;
    border-radius: 3px;
    white-space: nowrap;
} */

.etiqueta-manzana {
    content: attr(data-label);
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #CDB88B;
    background-color: rgba(255, 255, 222, 0.800);
    color: #444;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}