.dv-mapa-asociaciones {
  background-color: var(--bg-grupo1);
  position: relative;
}
.dv-mapa-asociaciones > .loader-mapa {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background-color: unset;
}
.dv-mapa-asociaciones > .loader-mapa .ui.inverted.dimmer{
  background-color: rgba(255,255,255,.95);
}
#zitybuilder.dv-mapa-asociaciones{
  background-color: #fff; 
  display: block;  
  width: 100%;  
  height:  250px;
}
.item.item-active{
  border: 1px solid blue;
}
.dv-mapa-asociaciones #filters-items {
  margin-top: 0em;
  padding: 1em 0;
  margin-bottom: 1em;
  display: grid;
  color: #fff;
}
.dv-mapa-asociaciones .leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom,
div[data-component = "dv-mapa-asociaciones"] .leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom{
  position: relative;
  outline: none;
}
.dv-mapa-asociaciones .list-items.asociaciones.open{
  left: 0;
}
.dv-mapa-asociaciones .list-items.asociaciones{
  position: absolute;
  left: -319px;
  bottom: 0;
  width: 336px;
  z-index: 401;
  overflow: auto;
  transition: left .5s ease-out;
}

.dv-mapa-asociaciones .btn-content {
  cursor: pointer;
  width: 16px;
  height: 70px;
  background: #3e50b5;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  align-items: center;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dv-mapa-asociaciones .btn-content > i{
  height: unset;
}
.dv-mapa-asociaciones .btn-content .btn-icon:before {
  content: "\f101";
  font-size: 16px;
  color: #fff;
}
.dv-mapa-asociaciones .btn-content.open .btn-icon:before {
  content: "\f100";
}

.dv-mapa-asociaciones .asociaciones.list-items .item {
  background: rgba(255,255,255, .8);
  cursor: pointer;
  margin: 0;
  cursor: pointer;
  padding: 3px 5px;
}
.dv-mapa-asociaciones .asociaciones.list-items .item:nth-child(odd){
  background-color: rgba(246, 246, 246, .8)
}
.dv-mapa-asociaciones .asociaciones.list-items .item.item-active{
  font-weight: bold;
}

.dv-mapa-asociaciones div.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dv-mapa-asociaciones .dv-filter-list > #filters-items > .category-item {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 15px auto;
  width: 100%;
  column-gap: 6px;
}

.dv-mapa-asociaciones .squaredThree {
  position: relative;
}

.leaflet-container .leaflet-marker-pane img.focused{
  z-index: 1000!important;
  filter: drop-shadow(0px 0px 3px rgb(23, 179, 23));
  width: 50px!important;
  height: 50px!important;

}
.dv-mapa-asociaciones .squaredThree label {
  width: 16px;
  height: 17px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#45484d));
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.dv-mapa-asociaciones .squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 2px solid #0ff;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.dv-mapa-asociaciones .squaredThree label:hover::after {
  opacity: 0.3;
}

.dv-mapa-asociaciones .squaredThree input[type=checkbox] {
  visibility: hidden;
}

.dv-mapa-asociaciones .squaredThree input[type=checkbox]:checked+label:after {
  opacity: 1;
}

.dv-mapa-asociaciones .check-box {
  border-radius: 6px;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  margin-right: .5em;
}

.dv-mapa-asociaciones .category-item {
  display: flex;
  align-items: center;
}
.dv-mapa-asociaciones .text-center{
  text-align: center;
}
.dv-mapa-asociaciones a.tiny.ui.blue.button{
  margin-right: 0;
}
.dv-mapa-asociaciones .leaflet-control-attribution{
  display: none;
}
.dv-mapa-asociaciones{position: relative;}

@media only screen and (min-width:769px) {
  .dv-mapa-asociaciones .dv-filter-list > #filters-items > .category-item {
    padding: .25em .5em!important;
  }
  .dv-mapa-asociaciones .list-items.asociaciones .items{
    overflow: auto;
    background: rgba(255,255,255, .6);
    width: 320px;
  }
  .dv-mapa-asociaciones .dv-filter-list > #filters-items > .category-item.first{
    grid-column: 1/ span 4
  }
  .dv-mapa-asociaciones .check-items {
  	grid-template-columns: repeat(auto-fill, 24%);
  }
  .dv-mapa-asociaciones .btn-content{
    display: flex;
  }
}

@media only screen and (max-width:768px) {
  .dv-mapa-asociaciones .dv-filter-list > #filters-items > .category-item {
    padding: .5em .75em!important;
  }
  .dv-mapa-asociaciones .list-items.asociaciones{
    position: relative;
  }
  .dv-mapa-asociaciones .list-items.asociaciones .items{
    overflow: auto;
    background-color: #fff;
    width: 100%;
    height: 127px!important;
  }
  .dv-mapa-asociaciones .dv-filter-list > #filters-items > .category-item.first{ padding:.25em .5em;}
 
  .dv-mapa-asociaciones .check-items {
  	grid-template-columns: repeat(auto-fill, 48%);
  }
  .dv-mapa-asociaciones .btn-content{
    display: none;
  }
}